Shadcn Portfolio

Launch Your Developer Portfolio with shadcn-portfolio Next.js Template

shadcn-portfolio is a modern, open-source template engineered for developers to craft stunning personal portfolios. Built with Next.js 15, shadcn-ui for accessible components, and Framer Motion for smooth animations, it offers a responsive, SEO-optimized platform. Features like an integrated blog, light/dark modes, and a pre-configured contact form (setup required) make it easy to create a professional online presence. The project is structured using TurboRepo for efficient monorepo management.

Features:

• Next.js 15 with App Router: Leverages the latest Next.js capabilities for high performance and improved developer experience.
• Blog Functionality: Integrated blog section for publishing articles and technical insights.
• Tailwind CSS Styling: Utilizes Tailwind CSS for utility-first styling and easy customization.
• Shadcn UI Components: Incorporates accessible and well-designed UI components from shadcn/ui.
• Responsive Design: Ensures the portfolio looks great and functions well on all devices, from desktops to mobiles.
• Light / Dark Mode: Includes a theme switcher for user preference between light and dark appearances.
• SEO Optimized: Built with SEO best practices, including meta tags, to enhance search engine visibility.
• Sentry Integration: Prepared for error tracking with Sentry (requires user setup).
• Framer Motion Animations: Implements animations using Framer Motion for a dynamic user experience.
• Husky & Lint Staged: Pre-commit hooks for linting and formatting code, ensuring code quality.
• Prettier Integration: Automatic code formatting with Prettier for consistent code style.
• Contact Form: Includes a functional contact form (requires backend setup).
• Cloudflare Turnstile Support: Ready for spam protection on forms using Cloudflare Turnstile (requires setup).
• MDX Rendering: Utilizes MDX for rich content rendering, drawing logic from fumadocs.
• Smooth Scrolling: Enhanced user experience with smooth scrolling powered by Lenis.

Summary:

shadcn-portfolio provides developers with a robust and aesthetically pleasing template to build their personal websites. It combines the power of Next.js for server-side rendering and static site generation, shadcn-ui for a polished component library, and Framer Motion for engaging animations. This template accelerates portfolio development by offering essential features like a blog, responsive design, dark mode, and SEO optimization out-of-the-box, allowing developers to focus on showcasing their projects and skills.