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


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


%[https://youtu.be/kHrIyTLVerg]


## GitHub Repo

In order to clone this application locally run the below command. Please note you will need [git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git)

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

```

## Firebase

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

### Install dependencies

```bash
cd backend/firebase && npm install

```

> Make sure you are first in the firebase directory

```bash
firebase deploy

```

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

## Install dependencies

To get started make sure to

```bash
cd frontent/nextjs-tailwind && npm install

```

## 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)

```bash
npm run dev


```