facinick.xyz

Shriyans Kapoor's Personal Blog

This repository contains the source code for Shriyans Kapoor's personal blog.

• Repository: facinick/shriyans-kapoor
• Website: https://shriyans-kapoor.netlify.app/

Overview

The blog is built using the following technologies:

• Next.js (SSR): Utilizes server-side rendering for improved performance and SEO.
• MDX: Used for rendering .mdx posts, enabling markdown support.
• Radix UI: Provides components for a consistent and accessible UI.
• Framer Motion: Adds smooth animations to enhance the user experience.

Features

• SSR Supported Dark/Light Mode: Prevents initial white flicker for a smoother user experience. (2 pass rendering to enable ssr theming)
• SSR Supported Black/Blue/Orange Themes: Offers multiple theme options without initial white flicker.
• .mdx Posts: Supports markdown-based posts for easy content creation.
• Pagination: Implements pagination for better navigation through posts.
• SSR Pages: All pages are server-side rendered for optimal performance.
• Best React Practices: Follows best practices for React development to ensure maintainability and scalability.
• Extensible UI Components: Implements Component API design principles like polymorphism, delegated props, slots, etc., making it easy to extend and customize the UI components.