Project Configuration

next.config, Tailwind, shadcn init, environment variables, folder structure

Week 12–3 days

Phase Progress0/8 tasks · 0%

Configuration Files

Create next.config.js — add S3 image domains, API proxy rewrites

30 min

Copy tailwind.config.js — identical, just update content paths

5 min

Create .env.local — rename all VITE_ vars to NEXT_PUBLIC_

10 min

Install all shadcn components — using the batch command below

10 min

Folder Structure — Copy These Exactly

Copy src/components/ — → components/ — works as-is

2 min

Copy src/store/ — → store/ — add 'use client' as line 1

10 min

Copy src/utils/ — → utils/ — unchanged

2 min

Copy src/assets/ — → public/assets/

2 min

next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    remotePatterns: [
      { protocol: 'https', hostname: '*.amazonaws.com' },
    ],
  },
  async rewrites() {
    return [
      { source: '/api/:path*', destination: `${process.env.NEXT_PUBLIC_API_URL}/api/:path*` },
    ]
  },
}
module.exports = nextConfig

Phase 00 — Preparation & Audit

Phase 02 — Public Pages — SEO Critical