Getting Started with WizardX

This post walks you through the WizardX stack and how to run the project locally.

The stack

WizardX uses:

1. Next.js – App Router and React Server Components
2. Tailwind – for styling
3. Supabase – backend and auth (JWT)
4. Stripe – payments
5. Resend – transactional email
6. PostHog – analytics

Run locally

cp .env.example .env.local
npm install
npm run dev

Open http://localhost:3000 and you're good to go.

Next steps

• Add your Supabase and Stripe keys to .env.local
• Customize the home page and add more blog posts under content/blog/