🖼️ figma-homepage-ssr

A Next.js 15 (App Router) project implementing a Figma-inspired homepage with:

• React 19
• MUI v7
• Framer Motion
• Server-Side Rendering (SSR)
• Deployable on GitHub Pages (gh-pages branch)

---

🚀 Tech Stack

• Next.js 15 – App Router with output: export for static generation
• React 19 – Modern concurrent rendering
• MUI v7 – Material UI with Emotion styling
• Framer Motion – Smooth animations
• TypeScript – Static typing
• pnpm – Fast monorepo-compatible package manager

---

📦 Installation

Clone and install dependencies using pnpm:

git clone https://github.com/yadhu680/figma-homepage-ssr.git
cd figma-homepage-ssr
pnpm install

🧑‍💻 Development

Run the dev server with hot reload:

pnpm dev

Then open your browser at 👉 http://localhost:3000

🏗️ Build for Production

To generate a production build:

pnpm build

• This creates an optimized build in the .next directory.

To run locally in production mode:

pnpm start

📁 Environment Support

Node.js ≥ 18
pnpm ≥ 10.17.1

📸 Preview

👉 Preview