Fullstack travel scape application built with Nextjs14 server actions, stripe, mongoDB, shadcn, and tailwind.
Figma:
- https://www.figma.com/file/aJGKaJAsDpatw9KFgC9211/Interactive-Travel-Website-UI-Design-Tutorial-in-Figma-%7C-Easy-Step-by-Step-Guide-(Community)?type=design&node-id=0-1&mode=design&t=6ueAugKfAI7oCk58-0
- https://www.figma.com/file/La9dG3K4QaqfA8eq7jLG9V/Dashboard-Design-Concept-(Community)?type=design&node-id=69-123&mode=design&t=8k6gdJVq7yxL7hnO-0
To follow along the tutorial. Change to the starter branch after cloning the repo. Then install the npm packages & run
npm install && npm run dev
- Next14
- Stripe
- Typescript
- Shadcn
- Tailwind
- Server Actions
- Middleware/Protected Routes in Nextjs Backend and Frontend
- Crediting System with Stripe Implementing Chart System
- Mobile Responsiveness
- Learn all the stack in one video
Built with love ❤️ by Pius Lucky https://luckypius.netlify.app/