Alex Patterson for CodingCatDev

Posted on Dec 18, 2023 • Edited on Jul 17, 2024 • Originally published at codingcat.dev

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

#webdev #javascript #beginners

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

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

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more