Wine Co.
A simulation of a growth funnel of a wine e-commerce. Made with Next.js, Tailwind, Mixpanel and more!
https://user-images.githubusercontent.com/13953703/233911965-c623fd7e-7442-4100-b457-82a4029761dd.mov
Run the project
- Install dependencies
npm i
Copy .env.local.example
and paste it with a new name .env.local
. Provide your Mixpanel token if you want to enable it.
Run in dev mode
npm run dev
About Mixpanel
If you want to see all the mixpanel events that are being called access here
Better DX
- Go to your VS Code settings and add the following Tailwind class regex config
"tailwindCSS.experimental.classRegex": [
["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
]
Tech Stack
- typescript
- next.js
- next-auth
- tailwind (mobile-first)
- react-hook-form
- radix components
- context api and jotai
- zod
- testing-library
- mixpanel
- google analytics 4
Todo
- add more sections to the landing page