Building a web application with Next.js and Firebase - Firebase Summit 2021

codercatdev

Alex Patterson

Posted on December 18, 2023

Building a web application with Next.js and Firebase - Firebase Summit 2021

Original: https://codingcat.dev/post/building-a-web-application-with-next-js-and-firebase-firebase-summit-2021

GitHub Repo

In order to clone this application locally run the below command. Please note you will need git

git clone https://github.com/CodingCatDev/ccd-starter-nextjs-tailwind-firebase.git


Enter fullscreen mode Exit fullscreen mode

Firebase

Make sure to setup a new project with a Firestore database.

Install dependencies

cd backend/firebase && npm install


Enter fullscreen mode Exit fullscreen mode

Make sure you are first in the firebase directory

firebase deploy


Enter fullscreen mode Exit fullscreen mode

The video will cover how the different page types work for firebase.

Install dependencies

To get started make sure to

cd frontent/nextjs-tailwind && npm install


Enter fullscreen mode Exit fullscreen mode

Run locally

Make sure to change the .env.local.template to .env.local and update the parameters from firebase.

To run the dev server (staying in the same directory)

npm run dev


Enter fullscreen mode Exit fullscreen mode
💖 💪 🙅 🚩
codercatdev
Alex Patterson

Posted on December 18, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related