Onurhan Personal Site

Theme by Onurhan1337

|

Updated: 2 Jan 2025

|

66 Stars

My personal website built with Next.js, Tailwind, TypeScript, Upstash and Vercel.

Categories

Overview

The content provides insights into a web application built using Next.js, a popular framework for React applications. It discusses various key features and components of the project, including Lucide icons, Upstash integration, Claps functionality, Next MDX Remote for blog rendering, Tailwind CSS for styling, and deployment on Vercel. The content also mentions the structure of the application, including API routes, components directory, assets, and more. It provides guidance on installation, running the application locally, cloning/forking, and deploying on Vercel.

Features

• Icons: Lucide React
• Like: Upstash Claps
• Framework: Next.js
• Deployment: Vercel
• Syntax Highlight: Sugar High
• Blog: Next MDX Remote
• Styling: Tailwind CSS & shadcn/ui

Installation

1. Ensure Node.js v16.13+ is installed.
2. Create a .env file similar to .env.example.
3. Clone or fork the project, remove personal information as per the license.
4. Run the development server using npm run dev.
5. Open http://localhost:3000 to view the application.
6. Modify app/page.tsx to start editing pages.
7. Explore more features by referencing Next.js documentation.
8. Deploy the app on Vercel easily for production use.

Summary

The analysis provides an overview of a web application utilizing Next.js, focusing on its key features like Lucide icons, Upstash integration for likes, blog rendering with Next MDX Remote, and deployment through Vercel. It outlines the structure of the application, installation process, local setup, and deployment steps, making it efficient for developers to understand and work with the project.