Personal Brand Site

• Project name
• Your name/brand
• Substack RSS feed URL (optional)
• Token contract address (optional, for swap feature)

Customization

Brand Assets

Replace assets/avatar.jpg with your own avatar/logo. The template uses this as the primary brand image in the header and about section.

Content

After scaffolding, customize these key files:

• app/about/page.tsx - Your bio and story
• app/portfolio/page.tsx - Projects and work samples
• app/resume/page.tsx - Professional experience
• lib/config.ts - Site metadata, social links, contact info

Styling

The template uses shadcn/ui components with Tailwind. Customize:

• app/globals.css - Color scheme and design tokens
• components/ui/* - Component styles (via shadcn)
• tailwind.config.ts - Tailwind configuration

Advanced Features

Token Swap Integration

See TOKEN_SWAP.md for complete setup instructions. Adds a token purchase widget to your site.

Web3 Configuration

See WEB3.md for RainbowKit customization, wallet options, and chain configuration.

Substack RSS Integration

See SUBSTACK.md for RSS feed setup and blog display options.

Deployment

See DEPLOYMENT.md for Vercel deployment and environment variable configuration.

Project Structure

your-site/
├── app/                  # Next.js app directory
│   ├── about/           # About page
│   ├── portfolio/       # Portfolio/projects
│   ├── blog/            # Blog (Substack RSS)
│   ├── contact/         # Contact form
│   ├── resume/          # Resume/CV
│   └── case-studies/    # Case studies
├── components/          # React components
│   ├── ui/             # shadcn/ui components
│   ├── layout/         # Layout components
│   └── sections/       # Page sections
├── lib/                # Utilities
│   ├── config.ts       # Site configuration
│   ├── substack.ts     # RSS fetching
│   └── wagmi.ts        # Web3 config
└── public/             # Static assets

Dependencies Included

• Framework: Next.js 14+ (App Router)
• Styling: Tailwind CSS + shadcn/ui
• Web3: RainbowKit + wagmi + viem
• Forms: React Hook Form + Zod validation
• RSS: Built-in fetch + parsing
• Icons: Lucide React

Development

npm install
npm run dev

Visit http://localhost:3000

Support

For deployment issues, see DEPLOYMENT.md.
For Web3 setup, see WEB3.md.
For token swap feature, see TOKEN_SWAP.md.