This is a Next.js project bootstrapped with create-next-app.
👉 How to leverage the power of the Firebase Extension called "Run Payments with Stripe", connecting your entire Firebase setup to Stripe seamlessly! 👉 Learn to use the 'Translate Text in Firestore' Firebase Extension to dynamically translate user's messages into several languages in REAL-TIME! 👉 How to leverage Firebase v9 including the Firestore Database & Firebase Authentication 👉 How to Implement Stripe Checkout sessions to subscribe a user to payments! 👉 How to use Stripe Webhooks to dynamically update our Firestore database when Stripe events occur! 👉 Create a Beautiful UI & UX for our SaaS platform using the highly Popular Shadcn! 👉 How to correctly Validate forms with Zod to ensure Type Safety! 👉 How to leverage Global State Management with Zustand! 👉 Learn how to use NextAuth Middleware to protect page routes and API routes 👉 Learn how to implement Firebase Rules to secure your Firestore Database 👉 How to build a Login and Logout Authentication flow using NextAuth on Next.js 13! 👉 How to use Skeleton Loaders whilst data is fetched! 👉 Learn to create Custom Hooks to simplify your code! 👉 How to build a beautiful SaaS with Tailwind CSS! 👉 Learn how to implement Dark Mode toggling to update the UI based on user preference! 👉 How to use TypeScript to reduce the overall number of Bugs and Errors 👉 How to deploy the final build on Vercel!
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.