Lauro Silva - Personal Website

Minimal, elegant personal website built with Next.js 16, React 19, and TypeScript.

Quick Start

# Install dependencies
pnpm install

# Start dev server
pnpm dev

# Build for production
pnpm build

# Type check
pnpm type-check

# Format code
pnpm format

# Lint
pnpm lint

# Full quality gate (types + lint + production build)
pnpm quality

Tech Stack

• Framework: Next.js 16 (App Router)
• React: 19.2
• TypeScript: Strict mode enabled
• Styling: Tailwind CSS 4
• UI: shadcn/ui components
• Content: Sanity CMS
• Newsletter: Resend

Project Structure

app/
  (pages)/                 # Route files and layouts only
  api/                     # API route handlers
  features/                # Product/domain modules
    blog/
      components/
      server/
    workshop/
      components/
      server/
    workshop-newsletter/
      server/
  shared/                  # Cross-feature building blocks
    components/
    hooks/
    integrations/
      sanity/
    lib/
    ui/

See /docs/ARCHITECTURE.md for the full architecture and module rules.

Scripts

• dev - Start development server
• build - Build for production
• start - Start production server
• lint - Run ESLint
• lint:fix - Fix ESLint errors
• type-check - Type check without building
• quality - Run type-check, lint, and production build in sequence
• format - Format all files with Prettier
• format:check - Check formatting
• clean - Remove build artifacts
• feature:new - Scaffold a new feature module in app/features/

Example:

pnpm feature:new case-studies

Environment Variables

Copy .env.example to .env.local and fill in your values:

# Sanity CMS
NEXT_PUBLIC_SANITY_PROJECT_ID=
NEXT_PUBLIC_SANITY_DATASET=
SANITY_API_TOKEN=

# Resend (Newsletter)
RESEND_API_KEY=re_your_api_key_here
RESEND_AUDIENCE_ID=

Get your Resend API key from resend.com/api-keys and create an audience to get the audience ID.