More Premium Hugo Themes Premium React Themes

Onur.dev

My personal website built using Next.js, Tailwind CSS, shadcn/ui, Contentful, Raindrop, Supabase and deployed on Vercel.

Onur.dev

My personal website built using Next.js, Tailwind CSS, shadcn/ui, Contentful, Raindrop, Supabase and deployed on Vercel.

Author Avatar Theme by suyalcinkaya
Github Stars Github Stars: 2173
Last Commit Last Commit: Apr 30, 2025 -
First Commit Created: Dec 18, 2023 -
default image

Overview:

Onur.dev is a personal website that has undergone several iterations in terms of technology stack. It started as a simple static HTML page and evolved to use Create React App, GatsbyJS, Next.js with Chakra UI and MDX, and finally settled with Next.js, Tailwind CSS, and Contentful. The website serves as a platform for the author’s writings, documenting their journey, and showcasing bookmarks.

Features:

  • Home page: The main landing page of the website.
  • Static pre-rendered pages: Pages with specific slugs, such as /stack and /about, which are generated using data from Contentful.
  • Writing page: A dedicated page for the author’s writings.
  • Static pre-rendered writing pages: Writing pages with specific slugs, fetched and rendered using data from Contentful.
  • Journey page: A page that showcases the author’s journey.
  • Bookmarks page: A page that displays the author’s saved bookmarks.
  • Static pre-rendered bookmarks pages: Individual bookmark pages with specific IDs, generated using data from Raindrop.
  • API routes: The website includes API routes for server-side functionality.

Installation:

To run the website locally, follow these steps:

  1. Create a .env file in the root directory similar to the template provided in .env.example.

  2. Make sure you have the following technologies installed:

    • Next.js
    • Tailwind CSS
    • shadcn/ui
    • Contentful
    • Raindrop
    • Supabase
    • Vercel
  3. After setting up the environment and installing the dependencies, run the website using the respective command provided by the framework or deployment tool you are using.

Summary:

Onur.dev is a personal website that has gone through multiple technology stack iterations, ultimately settling on Next.js, Tailwind CSS, and Contentful. It provides a platform for the author to showcase their writing, journey, and bookmarks. With features such as dynamic static generation, API routes, and integration with various tools and services, the website serves as a comprehensive and efficient web platform for the author’s content.