Create a Jamstack app with Nuxt.js and Firebase
Learn how to utilise Nuxt.js and Firebase to create a Jamstack application
Nuxt.js is an open-source framework based on Vue.js and it comes with a lot of baked-in features that help to create an easy development flow. Throughout this course, you will have a chance to create two applications.
In the first part of the course, a simple application is created to give you an overview of Nuxt.js and to make you familiar with the fundamentals of the framework. During this part of the course concepts such as routing and configuration are explained.
The second part of the course - where you will have the opportunity to create a more advanced app - will focus on bringing in additional services and use them with Nuxt.js - these include Firebase and Cloudinary. The second application will have additional features such as authentication and real-time data updates - both of which are enabled by Firebase.
Finally, the project will be deployed to Vercel directly from GitHub and you will also learn how to generate a fully static site with Nuxt.js yet have dynamic features enabled in the app to keep true to the core mantra of the Jamstack, which is to build fast, secure sites that have dynamic components.
Your Instructor
Tamas is a Google Developer Expert in Web Technologies and a Developer Evangelist. He has more than a decade of experience delivering technical training to large, prestigious organisations. Throughout his career, he has delivered presentations and training classes all over the world. His passionate about unlocking the latest & greatest features of web development.
Course Curriculum
-
StartIntroduction to Firebase and prerequisites (6:04)
-
StartApplication Demo (4:46)
-
StartGenerate the basic architecture (9:39)
-
StartImport a third party library (Font Awesome) (6:14)
-
StartRead data from Firebase (Firestore) (12:59)
-
StartDisplay Images via Cloudinary (9:34)
-
StartDisplay data from Firebase in the UI (5:52)
-
StartCreate the Navigation Component (6:27)
-
StartAuthentication - part 1 (6:09)
-
StartAuthentication - part 2 (9:29)
-
StartRegistering users (5:59)
-
StartInteractivity with Firebase - part 1 (10:36)
-
StartInteractivity with Firebase - part 2 (5:34)
-
StartCreate a custom middleware for authentication (4:43)
-
StartCreate and deploy a Cloud Function (9:47)
-
StartQuerying via Firebase (6:18)
Frequently Asked Questions
Get started with the Jamstack today! Becoming hands-on with technologies and services being heavily utilised by Jamstack projects will give you first-class experience of the stack. You will gain valuable knowledge and be able to apply your newly gathered skills in different projects.