Overview

This product analysis examines a portfolio template created using Next.JS, Framer Motion, and Shadcn/UI. The template is described as a work-in-progress and utilizes a range of tools and technologies to deliver a responsive, SEO-optimized, and visually appealing design.

Features

Next.js 14 with App Router
MDX support
Tailwind CSS for styling
Shadcn UI for accessible UI components
Strict TypeScript and ESLint configuration
Responsive design with Light/Dark mode
SEO optimization with meta tags
Sitemap generation (Work in Progress)
Sentry setup for error tracking
Framer Motion for animations
High LightHouse score of near 100
Husky & Lint Staged for code linting
Conventional commit lint to ensure commit message format
Prettier for code formatting
t3-env for validating environment variables (Work in Progress)

Requirements

Git
Node.js (recommended version 20)
npm (Node Package Manager, recommended version 9)

Setting up the Repository

Clone the repository using git clone <repository-url>
Navigate into the project directory with cd <project-folder>

Running the Project

Install dependencies with npm install
Start the project locally with npm run dev
Access the project in your browser at http://localhost:3000

Summary

This product analysis highlighted the key features of a portfolio template built with Next.JS, Framer Motion, and Shadcn/UI. The template offers a robust tech stack, responsive design, various tool integrations for code quality, and a work-in-progress sitemap generation feature. By following the installation guide, users can easily set up and run the project locally to explore its functionalities and design elements.

Techwithanirudh

Shadcn Portfolio