Tailwind Resources Logo Tailwind Resources
Ogzhanolguncu.com screenshot

Ogzhanolguncu.com

Author Avatar Theme by Ogzhanolguncu
Updated: 11 May 2025
64 Stars

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

Github Live Preview

Categories

Astro Nextjs React Styled components Chakra ui

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.