Onurhan Personal Site

Modern Next.js Personal Portfolio & Blog Starter

Jumpstart your personal online presence with this Next.js-based portfolio and blog template. It's built using a modern tech stack including Tailwind CSS for styling, TypeScript for robust code, and Contentlayer for managing blog content written in MDX. This starter is designed for developers looking to quickly deploy a customizable and feature-rich personal website on Vercel, showcasing their projects, skills, and articles with an elegant and performant interface.

Features:

• Framework: Built with Next.js for modern React development, supporting server components and static generation.
• Styling: Utilizes Tailwind CSS for utility-first styling and shadcn/ui for pre-built UI components.
• Blog Functionality: Features static pre-rendered blog pages managed with Contentlayer, using MDX for content.
• Like System: Integrates Upstash Claps for adding interactive 'like' or 'clap' functionality to content.
• Iconography: Uses Lucide React for a comprehensive set of SVG icons.
• Syntax Highlighting: Implements Sugar High for clear and readable code block syntax highlighting.
• API Routes: Leverages Next.js API Routes for backend functionalities like the claps system.
• TypeScript Support: Developed with TypeScript for enhanced type safety and developer experience.
• Optimized Deployment: Designed for seamless deployment on the Vercel platform.
• Content Organization: Manages blog posts and code snippets within a dedicated content/ directory.
• Font Optimization: Employs next/font for efficient loading of custom fonts like Inter.
• Theme Toggling: Includes functionality to switch between light and dark themes for user preference.

Summary:

This project offers a comprehensive starter kit for creating a personal website and blog. It combines Next.js, Tailwind CSS, TypeScript, and Contentlayer to provide a fast, stylish, and maintainable platform. Developers can easily customize it with their own information, projects, and articles, benefiting from features like integrated likes, syntax highlighting, and straightforward Vercel deployment. It's an ideal solution for establishing a professional online developer portfolio.