onur.dev: A Personal Website Built with Next.js, Tailwind CSS, and Modern Stack
Summary
onur.dev is Onur ?uyalç?nkaya's personal website, showcasing his writings, journey, and bookmarks. It's built with a modern tech stack including Next.js, Tailwind CSS, shadcn/ui, Contentful, Raindrop, and Supabase. This project serves as an excellent example of a feature-rich personal web platform.
Repository Info
Tags
Click on any tag to explore related repositories
Introduction
onur.dev is the personal website of Onur ?uyalç?nkaya, a dynamic platform that has evolved significantly over the years. Starting from a simple HTML page, it progressed through Create React App, GatsbyJS, and various Next.js iterations.
Currently, it leverages Next.js, Tailwind CSS, and Contentful to provide an app-like web experience. The site serves as a central hub for his writings, highlights his professional journey, and showcases his curated bookmarks.
Installation
The project is straightforward to set up locally. First, clone the repository:
git clone https://github.com/suyalcinkaya/onur.dev.git
Navigate into the project directory:
cd onur.dev
Install dependencies using bun:
bun i
Then, start the development server:
bun dev
Remember to create a .env file based on the provided .env.example for proper configuration.
Examples
The onur.dev website features several key sections, demonstrating its comprehensive structure:
/- The main home page./[slug]- Static pre-rendered pages powered by Contentful, such as/stack./writing- A dedicated section for writings./writing/[slug]- Individual writing pages, also pre-rendered using Contentful./journey- A page detailing the author's professional journey./workspace- Showcasing the author's workspace./bookmarks- A collection of curated bookmarks./bookmarks/[slug]- Individual bookmark pages, pre-rendered using Raindrop./bookmarks.xml- An XML feed for bookmarks./api- Various API routes.
Why Use
onur.dev is an excellent resource for developers looking to build a modern, performant, and content-rich personal website. It showcases a robust tech stack including Next.js for server-side rendering and static site generation, Tailwind CSS for utility-first styling, and shadcn/ui for beautiful UI components.
The integration with Contentful for content management and Raindrop for bookmark curation demonstrates effective use of external services. Deployed on Vercel and utilizing Supabase for backend needs, this project provides a full-stack example of a scalable personal platform.