GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → davidroyer → Nuxt Ssr Firebase

davidroyer / Nuxt Ssr Firebase

Nuxt.js Universal App with SSR via Firebase Functions and Firebase Hosting

Labels

vuefirebasessrnuxtnuxtjsfirebase-functions

Projects that are alternatives of or similar to Nuxt Ssr Firebase

Virapro.ru
[E-commerce] Plumbing Store
Stars: ✭ 45 (-83.52%)
Mutual labels:  firebase-functions, firebase, nuxt, nuxtjs, ssr
Nuxt Firebase Sns Example
Nuxt v2 & Firebase(Hosting / Functions SSR / Firestore), Google Auth SNS Example.
Stars: ✭ 485 (+77.66%)
Mutual labels:  firebase, nuxt, nuxtjs, ssr
Sails Nuxt
Sails + Nuxt + Vuetify Combo <3
Stars: ✭ 92 (-66.3%)
Mutual labels:  nuxt, nuxtjs, ssr
Surmon.me
🆒 My personal website and blog, powered by @vuejs (3)
Stars: ✭ 1,767 (+547.25%)
Mutual labels:  nuxt, nuxtjs, ssr
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: ✭ 4,366 (+1499.27%)
Mutual labels:  firebase-functions, firebase, ssr
jooger.me
👍 My personal website，powered by @nuxt
Stars: ✭ 39 (-85.71%)
Mutual labels:  ssr, nuxt, nuxtjs
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (-80.22%)
Mutual labels:  nuxt, nuxtjs, ssr
Firebase Module
🔥 Easily integrate Firebase into your Nuxt project. 🔥
Stars: ✭ 493 (+80.59%)
Mutual labels:  firebase, nuxt, nuxtjs
Wemake Vue Template
Bleeding edge vue template focused on code quality and developer happiness.
Stars: ✭ 645 (+136.26%)
Mutual labels:  nuxt, nuxtjs, ssr
Firebase Functions Next Example
Host a Next.js SSR React app on Cloud Functions for Firebase with Firebase Hosting
Stars: ✭ 215 (-21.25%)
Mutual labels:  firebase-functions, firebase, ssr
nuxt2-ssr-firebase
Nuxt2 Universal App with SSR via Firebase Functions and Firebase Hosting
Stars: ✭ 50 (-81.68%)
Mutual labels:  nuxt, nuxtjs, firebase-functions
Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-85.71%)
Mutual labels:  nuxt, nuxtjs, ssr
Nuxt Static Render
Nuxt module for SSR without rehydration payload
Stars: ✭ 32 (-88.28%)
Mutual labels:  nuxt, nuxtjs, ssr
Vue Masonry Wall
A pure vue responsive masonry layout without direct dom manipulation and ssr support.
Stars: ✭ 79 (-71.06%)
Mutual labels:  nuxt, nuxtjs, ssr
Vuecnodejs
⚽️🎉Vue初/中级项目，CnodeJS社区重构。( a junior project of Vue.js, rewrite cnodejs.org ) 预览(DEMO)：
Stars: ✭ 705 (+158.24%)
Mutual labels:  nuxt, nuxtjs, ssr
laravel-nuxt
Laravel 5.6 + Nuxt 1.4: Auth Starter (SSR, SPA, Socialite)
Stars: ✭ 19 (-93.04%)
Mutual labels:  ssr, nuxt, nuxtjs
Blog Front
blog-front @nuxt
Stars: ✭ 305 (+11.72%)
Mutual labels:  nuxt, nuxtjs, ssr
Sitemap Module
Sitemap Module for Nuxt
Stars: ✭ 539 (+97.44%)
Mutual labels:  nuxt, nuxtjs, ssr
Firebase Gcp Examples
🔥 Firebase app architectures, languages, tools & some GCP things! React w Next.js, Svelte w Sapper, Cloud Functions, Cloud Run.
Stars: ✭ 470 (+72.16%)
Mutual labels:  firebase-functions, firebase, nuxtjs
nuxt-ssr-firebase
A example repo for using nuxt with firebase hosting and cloud functions
Stars: ✭ 58 (-78.75%)
Mutual labels:  nuxt, nuxtjs, firebase-functions
View All Similar Projects ➔

Nuxt.js Universal App with SSR via Firebase Functions and Firebase Hosting

Host a Nuxt Universal app or site by combining Nuxt.js with Firebase Cloud Functions and Hosting.

Live Preview

Pre-Setup: Before Installing Any Dependencies

  1. Obtain a Firebase Project ID to use for this project. See Overiew Here

  2. Inside this directory, locate the file .setup-firebaserc and replace the text your-project-id with your Firebase Project ID.

Setup

We will now get everything setup and deployed in 3 commands:

Note: All of these commands are ran from the root directory

  1. Install Dependencies in all necessary directories and creates .firebaserc from from .setup-firebaserc by using a postinstall hook 
yarn
  1. Build The Project
yarn build
  1. Deploy To Firebase
yarn deploy

Your site should now be live!

Firebase Project Setup

  1. Create a Firebase Project using the Firebase Console.

  2. Obtain the Firebase Project ID

Features

  • Server-side rendering with Firebase Hosting combined with Firebase Functions
  • Firebase Hosting as our CDN for our publicPath (See nuxt.config.js)

Things to know...

  • You must have the Firebase CLI installed. If you don't have it install it with npm install -g firebase-tools and then configure it with firebase login.

  • If you have errors, make sure firebase-tools is up to date. I've experienced many problems that were resolved once I updated.

  • The root directory has a package.json file with several scripts that will be used to optimize and ease getting started and the workflow

  • ALL commands are ran from the root directory

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].