Next.js OAuth/Firebase Starter Kit

AboutDeveloperUI?

Step 4: Customize and Develop Your App

HomePrev StepNext Step

Congratulations on completing the initial setup! Now it's time to customize the starter files and start developing your Next.js app.

Clean Up Starter Files

The provided starter files are there to guide you. Feel free to clean up or remove files that were added for explanation purposes. You can delete routes or components that are not relevant to your project.

Start Developing

Navigate to the app directory to begin building your application. This directory is where you'll find the core components and structure of your Next.js app. Explore and modify files based on your project requirements.

Helpful Tips

  1. Delete all the hard work I painstakingly put into the page.tsx file. This will effectivley act as your home page.
  2. Check out the middleware.ts file to add protected routes. If an unauthorized user lands on a route they shouldn't, your app will make them login first!
  3. The about folder, protected folder, and the step folder are there for demonstration purposes. Feel free to trash those too, or use them if you want! (You'll probably just trash them though...)
  4. Don't forget to tweak the metadata in the layout! Change your name and description.
  5. After you've given your code a fresh new look, I'd recommend deploying your app with Vercel before diving too deep into your development. Or, if you're feeling adventurous, add a bunch of files and packages, then spend an entire day debugging your deployment. Bonus points for committing changes with cryptic messages like "Fix??" or "This fix has to fix it!" or "Does this sh*t even work?". Just do yourself a favor and deploy early – thank me later.