React Templates & Themes Logo React Templates & Themes
Personal Site Gourav.io screenshot

Personal Site Gourav.io

Author Avatar Theme by Gorvgoyl
Updated: 10 May 2025
131 Stars

My personal site & blog made with NextJS, Typescript, Tailwind CSS, MDX, Notion as CMS. Deployed on Vercel : https://gourav.io

Github Live Preview

Categories

Nextjs Scss Tailwind Notion Blog Personal

Overview:

The personal site and blog by Gourav Goyal, located at gourav.io, is made using React (NextJS), Typescript, Tailwind CSS, MDX, and Notion as the CMS. The site is deployed on Vercel and content management includes automated blog post fetching and pre-rendering for performance optimization.

Features:

  • Tech Stack: Developed with React (NextJS), Typescript, Tailwind CSS, MDX, and utilizes Notion as CMS.
  • Automated Blog Post Fetching: A script is employed to automate blog post fetching and generate pre-rendered pages at build time for enhanced performance.
  • Project Page Rendering: Project pages are rendered using local Markdown (MDX) files stored in the ./content directory.

Installation:

To install the theme, follow these steps:

  1. Store all drafts and published posts in a Notion table for blog posts.
  2. Create Markdown files named index.md inside respective md folders for projects.
  3. For Open Graph image, store og.jpg or og.png inside the md folder or use the site’s default og.png.
  4. Keep all related images, including the og image, inside the md folder.

Summary:

The personal site and blog by Gourav Goyal showcases a tech stack that includes React (NextJS), Typescript, Tailwind CSS, MDX, and Notion as the CMS. The deployment on Vercel along with automated blog post fetching and pre-rendering at build time highlight the focus on performance optimization. With structured file naming conventions and image storage guidelines, the website offers a seamless user experience.