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.

Use at your own risk

OSRepos shares public repositories for knowledge and discovery only. Any installation, execution, configuration, or use of code from these repositories is the user's own responsibility. Always review the repository, source code, dependencies, licenses, and security implications before running or installing anything. OSRepos is not responsible for issues, damages, or losses resulting from third-party 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.