Blog

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

In this 20 minute demo I quickly show you how to get up and running with Next.js and Firebase.

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

PortableText [components.type] is missing "code"

Firebase

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

Install dependencies

PortableText [components.type] is missing "code"
Make sure you are first in the firebase directory
PortableText [components.type] is missing "code"

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

Install dependencies

To get started make sure to

PortableText [components.type] is missing "code"

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)

PortableText [components.type] is missing "code"
Draft off Turn on