Hey devs, welcome to this tutorial; we will build a real-time Todo App with React, Next.js + Firebase. — This is the video explanation of this article 👇 The full code of this project is available in this repository👇 TodoApp-Nextjs-Firebase View the code here of this to-do app. And Don’t forget to use the dark mode 😉github.com Before we start writing code, I want to tell you that I expect you to have basic knowledge of React and Next.js.

SSR with Clean URLs — Table of Contents Welcome to a series exploring Cloud Functions for Firebase with a modern application stack (React, Apollo, GraphQL, Next.js & Firebase). If you are not familiar with this stack, read on! If you are familiar, checkout the TOC above. What is Server-side Rendering? Most apps today are built as Single Page Applications…

First things first: what is Next.js? A small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel. It comes out of the box with preconfigured features like routing, static optimization, server-side rendering, code splitting, CSS-in-JS support, hot reloading and API routes à la Express.js, Deployment…