--- title: Firebase Crash Course (Auth & Firestore) #1 - Intro &... description: An introductory lesson in a Firebase crash course series covering Firebase Authentication and Firestore. Walks through setting up a starter Next.js/TypeScript... canonical: https://daily.dev/posts/firebase-crash-course-auth-firestore-1---intro-firebase-setup-ska6hpe81 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Firebase Crash Course (Auth & Firestore) #1 - Intro & Firebase Setup | daily.dev og:description: An introductory lesson in a Firebase crash course series covering Firebase Authentication and Firestore. Walks through setting up a starter Next.js/TypeScript... og:url: https://daily.dev/posts/firebase-crash-course-auth-firestore-1---intro-firebase-setup-ska6hpe81 og:image: https://api.daily.dev/og/posts/sKa6HPE81.png og:image:alt: Firebase Crash Course (Auth & Firestore) #1 - Intro & Firebase Setup og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Firebase Crash Course (Auth & Firestore) #1 - Intro & Firebase Setup **[Net Ninja](https://daily.dev/sources/netninja)** · 13 min read · 1 upvotes · 0 comments ## Summary An introductory lesson in a Firebase crash course series covering Firebase Authentication and Firestore. Walks through setting up a starter Next.js/TypeScript project, creating a new Firebase project in the console, registering a web app, installing the Firebase SDK via npm, and adding the initialization code to connect the frontend to the Firebase backend. Also briefly mentions Firebase App Check for security when deploying. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I connect a Next.js app to a new Firebase project? Install the firebase package via npm, create a Firebase project in the Firebase console, register a web app to get a config object with an API key and project ID, then call initializeApp with that config in a dedicated file such as lib/firebase.ts. This creates an app instance used later to initialize services like Authentication and Firestore. _daily.dev surfaces Firebase and Next.js setup guidance for developers wiring up a backend from scratch._ ### Do I need Firebase App Check when running a Firebase project locally in development? No, App Check is not required for local development as long as the Firebase config keys are kept private and not shared publicly. App Check locks down requests to only your domain so outsiders cannot reuse your public Firebase keys from their own projects, but it mainly matters once the app is deployed. _developers deploying Firebase apps track security setup steps like this through daily.dev._ --- Tags: [#typescript](https://daily.dev/tags/typescript), [#authentication](https://daily.dev/tags/authentication), [#nextjs](https://daily.dev/tags/nextjs), [#firebase](https://daily.dev/tags/firebase), [#firestore](https://daily.dev/tags/firestore) [View this post on daily.dev](https://daily.dev/posts/firebase-crash-course-auth-firestore-1---intro-firebase-setup-ska6hpe81) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Firebase Crash Course (Auth & Firestore) #1 - Intro & Firebase Setup","url":"https://daily.dev/posts/firebase-crash-course-auth-firestore-1---intro-firebase-setup-ska6hpe81","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/firebase-crash-course-auth-firestore-1---intro-firebase-setup-ska6hpe81"},"datePublished":"2026-07-20T08:19:40.782Z","dateModified":"2026-09-14T07:15:03.912Z","description":"An introductory lesson in a Firebase crash course series covering Firebase Authentication and Firestore. Walks through setting up a starter Next.js/TypeScript...","image":"https://i.ytimg.com/vi/sXLpkGHbKRY/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/sXLpkGHbKRY/sddefault.jpg","isAccessibleForFree":true,"articleSection":"Net Ninja","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Net Ninja","logo":"https://media.daily.dev/image/upload/s--IXsAE5jo--/f_auto/v1718348103/logos/netninja","url":"https://daily.dev/sources/netninja"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/firebase-crash-course-auth-firestore-1---intro-firebase-setup-ska6hpe81","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"typescript,authentication,nextjs,firebase,firestore","timeRequired":"PT13M","video":{"@type":"VideoObject","name":"Firebase Crash Course (Auth & Firestore) #1 - Intro & Firebase Setup","description":"An introductory lesson in a Firebase crash course series covering Firebase Authentication and Firestore. Walks through setting up a starter Next.js/TypeScript...","thumbnailUrl":"https://i.ytimg.com/vi/sXLpkGHbKRY/sddefault.jpg","uploadDate":"2026-07-20T08:19:40.782Z","duration":"PT13M","url":"https://api.daily.dev/r/sKa6HPE81","embedUrl":"https://www.youtube.com/embed/sXLpkGHbKRY"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Net Ninja","item":"https://daily.dev/sources/netninja"},{"@type":"ListItem","position":3,"name":"Firebase Crash Course (Auth & Firestore) #1 - Intro & Firebase Setup"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/firebase-crash-course-auth-firestore-1---intro-firebase-setup-ska6hpe81#faq","mainEntity":[{"@type":"Question","name":"How do I connect a Next.js app to a new Firebase project?","acceptedAnswer":{"@type":"Answer","text":"Install the firebase package via npm, create a Firebase project in the Firebase console, register a web app to get a config object with an API key and project ID, then call initializeApp with that config in a dedicated file such as lib/firebase.ts. This creates an app instance used later to initialize services like Authentication and Firestore. daily.dev surfaces Firebase and Next.js setup guidance for developers wiring up a backend from scratch."}},{"@type":"Question","name":"Do I need Firebase App Check when running a Firebase project locally in development?","acceptedAnswer":{"@type":"Answer","text":"No, App Check is not required for local development as long as the Firebase config keys are kept private and not shared publicly. App Check locks down requests to only your domain so outsiders cannot reuse your public Firebase keys from their own projects, but it mainly matters once the app is deployed. developers deploying Firebase apps track security setup steps like this through daily.dev."}}]} ```