Sanati - Next.js + shadcn/ui
AI-powered product research tool with a landing page, onboarding flow, and dashboard.
URL Structure
| Route | Description |
|---|---|
/ |
Landing page with marketing content |
/onboarding |
Enter website URL & analyze product |
/dashboard |
View analysis & find opportunities |
Flow
- Landing (
/) - Marketing page with CTA - Onboarding (
/onboarding) - Input URL, AI analyzes website - Dashboard (
/dashboard) - Sidebar layout with analysis table + opportunities
Quick Start
npm install
npm run dev
Set OPENAI_API_KEY in .env file.
Project Structure
app/
├── page.tsx # Landing page
├── layout.tsx # Root layout
├── globals.css # Dark mode styles
├── (app)/ # App group (with sidebar)
│ ├── layout.tsx # App layout with sidebar
│ ├── onboarding/
│ │ └── page.tsx # URL input & analysis
│ └── dashboard/
│ └── page.tsx # Analysis display
├── api/
│ ├── analyze/route.ts # Scrape & analyze
│ └── search/route.ts # Find opportunities
components/
├── sidebar.tsx # App sidebar navigation
└── ui/ # shadcn components
lib/
├── scraper.ts # Puppeteer scraping
├── openai.ts # AI analysis
└── types.ts # TypeScript types