Shriyans Kapoor's Personal Blog
This repository contains the source code for Shriyans Kapoor's personal blog.
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.