Find your perfect AI tool stack in 5 minutes.
- Next.js 14 (App Router)
- Tailwind CSS
- Zustand (State Management)
- TypeScript
- Vercel (Deployment)
npm install
npm run devOpen http://localhost:3000 to view the app.
solostack-ai/
├── app/ # Next.js App Router pages
│ ├── layout.tsx # Root layout
│ ├── page.tsx # Home page
│ ├── quiz/page.tsx # Quiz page
│ └── results/page.tsx # Results page
├── components/
│ ├── shared/ # Header, Footer, CTAButton
│ ├── quiz/ # ProgressBar, QuizWizard
│ └── results/ # StackCard, CostCalculator
├── lib/
│ ├── store.ts # Zustand store
│ └── engine.ts # Recommendation engine
└── data/
├── tools.json # Tool database
└── questions.json # Quiz questions config
Deploy to Vercel:
vercelMIT