More Premium Hugo Themes Premium Nextjs Themes

Ogzhanolguncu.com

My personal blog project built with Astro, Tailwind and Typescript.

Ogzhanolguncu.com

My personal blog project built with Astro, Tailwind and Typescript.

Author Avatar Theme by ogzhanolguncu
Github Stars Github Stars: 64
Last Commit Last Commit: May 11, 2025 -
First Commit Created: Dec 18, 2023 -
default image

Overview:

The personal blog built by Ogzhan Olguncu is created using a combination of Chakra UI, TypeScript, and Next.js. It incorporates MDX for blog content, Context API for custom color changes, and next-seo for enhanced search engine optimization. The blog is designed to be user-friendly and customizable, offering a seamless experience for both the creator and readers.

Features:

  • Chakra UI: Provides a collection of accessible and customizable UI components to enhance the blog’s visual appeal and functionality.
  • TypeScript: Enables the use of static typing to improve code reliability and maintainability, ensuring a more robust and error-free blog.
  • Next.js: Empowers the creation of hybrid static and server-rendered websites, enhancing performance and enabling quick and seamless page transitions.
  • MDX: Allows easy integration of Markdown with JSX, providing a powerful toolset for creating dynamic and reusable blog content.
  • Context API: Facilitates the implementation of custom color changes, providing users with a personalized experience to suit their preferences.
  • next-seo: Optimizes the blog for search engines, ensuring improved visibility and discoverability in relevant search results.

Installation:

To run the personal blog locally, follow the steps below:

  1. Start by ensuring that you have Node.js installed on your computer.
  2. Clone the blog repository from GitHub.
  3. Open a terminal window and navigate to the root directory of the cloned repository.
  4. Run the following command to install the required dependencies:
    npm install
    
  5. Once the installation is completed, use the following command to start the development server:
    npm run dev
    
  6. Open your preferred web browser and visit http://localhost:3000 to access the blog.

Summary:

Ogzhan Olguncu’s personal blog offers an immersive and feature-rich experience, leveraging a powerful tech stack including Chakra UI, TypeScript, and Next.js. With the integration of MDX, customizable color changes, and next-seo, the blog delivers a seamless user experience while ensuring high visibility in search engine results. The provided installation guide allows users to easily set up the blog locally and explore its functionalities.