Fullstack TravelScape Application

Fullstack travel scape application built with Nextjs14 server actions, stripe, mongoDB, shadcn, and tailwind.

Watch here

https://youtu.be/yKtYgMn0uy0

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

💻Quick Demo

⛏️ Installation

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

🔓 Stack

• Next14
• Stripe
• Typescript
• Shadcn
• Tailwind

🔓 Benefits

• 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

Author

Built with love ❤️ by Pius Lucky https://luckypius.netlify.app/