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

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

![](https://i.ytimg.com/vi/kHrIyTLVerg/sddefault.jpg)[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=48&h=48&fit=max&auto=format)Alex Patterson](/author/alex-patterson)June 2, 2022

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

```
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

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

> Make sure you are first in the firebase directory

```
firebase deploy
```

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
```

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

## Recent Posts

[View More](/blog/page/1)[![Dockerless Serverless GPUs: How I Built a Fast, Cheap AI SaaS with RunPod Flash](https://cdn.sanity.io/images/hfh83o0w/production/78383c8986667bc1eaa504786488d88f212929a8-1280x720.jpg?w=1920&h=1080&q=80&fit=max&auto=format)](/post/dockerless-serverless-gpus-fast-cheap-ai-saas-with-runpod-flash)

### [Dockerless Serverless GPUs: How I Built a Fast, Cheap AI SaaS with RunPod Flash](/post/dockerless-serverless-gpus-fast-cheap-ai-saas-with-runpod-flash)

October 6, 2026

Hosted image APIs cost 3 to 4 cents per generation. Using RunPod Flash for dockerless serverless GPUs, FlashFun.dev drops that to a fraction of a cent, turning $1 into 500 to 3,000 images. Here is the full architecture, the benchmarks, and the code.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=48&h=48&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Why We Are Absolutely Obsessed with Sticker Mule’s Holographic Stickers](https://cdn.sanity.io/images/hfh83o0w/production/6338342f33d07e920431bb2eaa7a1015b5f6ad45-2752x1536.jpg?rect=11,0,2731,1536&w=1920&h=1080&q=80&fit=max&auto=format)](/post/why-we-are-absolutely-obsessed-with-sticker-mule-s-holographic-stickers)

### [Why We Are Absolutely Obsessed with Sticker Mule’s Holographic Stickers](/post/why-we-are-absolutely-obsessed-with-sticker-mule-s-holographic-stickers)

June 23, 2026

From the first unboxing to daily wear on laptops, bottles, and notebooks, these iridescent, ultra-durable stickers turn every surface into a vivid, futuristic showcase for your brand or art.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=48&h=48&fit=max&auto=format)Alex Patterson](/author/alex-patterson)