potato4d / Nuxt Firebase Sns Example
Nuxt v2 & Firebase(Hosting / Functions SSR / Firestore), Google Auth SNS Example.
Stars: ✭ 485
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Nuxt Firebase Sns Example
Surmon.me
🆒 My personal website and blog, powered by @vuejs (3)
Stars: ✭ 1,767 (+264.33%)
Mutual labels: nuxt, nuxtjs, vuex, ssr, server-side-rendering
Vuecnodejs
⚽️🎉Vue初/中级项目，CnodeJS社区重构。( a junior project of Vue.js, rewrite cnodejs.org ) 预览(DEMO)：
Stars: ✭ 705 (+45.36%)
Mutual labels: nuxt, nuxtjs, vuex, ssr
Virapro.ru
[E-commerce] Plumbing Store
Stars: ✭ 45 (-90.72%)
Mutual labels: firebase, nuxt, nuxtjs, ssr
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (-88.87%)
Mutual labels: nuxt, nuxtjs, vuex, ssr
jooger.me
👍 My personal website，powered by @nuxt
Stars: ✭ 39 (-91.96%)
Mutual labels: ssr, nuxt, server-side-rendering, nuxtjs
Nuxt Ssr Firebase
Nuxt.js Universal App with SSR via Firebase Functions and Firebase Hosting
Stars: ✭ 273 (-43.71%)
Mutual labels: firebase, nuxt, nuxtjs, ssr
Vue Gates
🔒 A Vue.js & Nuxt.js plugin that allows you to use roles and permissions in your components or DOM elements, also compatible as middleware and methods.
Stars: ✭ 184 (-62.06%)
Mutual labels: nuxt, vuex, ssr
Typed Vuex
🏦 A typed store accessor for vanilla Vuex.
Stars: ✭ 193 (-60.21%)
Mutual labels: nuxt, nuxtjs, vuex
Firebase Module
🔥 Easily integrate Firebase into your Nuxt project. 🔥
Stars: ✭ 493 (+1.65%)
Mutual labels: firebase, nuxt, nuxtjs
Nuxt Firebase Pwa
Run the Nuxt.js application (SPA * SSR * PWA) on Firebase.
Stars: ✭ 103 (-78.76%)
Mutual labels: firebase, nuxtjs, server-side-rendering
Beauty
👙 VUE + VUEX + FIREBASE + BULMA … 实现的 SPA SSR 同构项目 - Tinder美女/豆瓣美女合集
Stars: ✭ 433 (-10.72%)
Mutual labels: firebase, vuex, ssr
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: ✭ 4,366 (+800.21%)
Mutual labels: firebase, ssr, server-side-rendering
Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141 (-70.93%)
Mutual labels: nuxt, nuxtjs, vuex
Vuemmerce
👉 Responsive ecommerce template 🛒 built with Vue.js and Nuxt.js
Stars: ✭ 223 (-54.02%)
Mutual labels: nuxt, nuxtjs, vuex
Vue Masonry Wall
A pure vue responsive masonry layout without direct dom manipulation and ssr support.
Stars: ✭ 79 (-83.71%)
Mutual labels: nuxt, nuxtjs, ssr
laravel-nuxt
Laravel 5.6 + Nuxt 1.4: Auth Starter (SSR, SPA, Socialite)
Stars: ✭ 19 (-96.08%)
Mutual labels: ssr, nuxt, nuxtjs
awrora-starter
Landing page template built with one of most popular javascript library Vue.JS, Vuetify (Material Design) and Nuxt.JS with SSR.
Stars: ✭ 38 (-92.16%)
Mutual labels: ssr, nuxt, nuxtjs
Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-91.96%)
Mutual labels: nuxt, nuxtjs, ssr
Buefy Shop
A sample shop built with Nuxt, Stripe, Firebase and Serverless Functions
Stars: ✭ 207 (-57.32%)
Mutual labels: firebase, nuxt, vuex
Nuxt & Firebase(Hosting and Functions SSR), Firestore, Google Auth SNS Example
Requirements
Need the following environment variables.
export APIKEY=
export AUTHDOMAIN=
export DATABASEURL=
export PROJECTID=
export STORAGEBUCKET=
export MESSAGINGSENDERID=
export APPID=
recommendation: direnv/direnv
Build Setup
# install dependencies
$ yarn
# serve with hot reload at localhost:3000
$ yarn dev
# build for production and launch server
$ yarn build
$ yarn start
Deploy to Firebase
This application can also be launched with the normal Node.js application. However, by using Firebase Hosting and Firebase Functions, it can be used efficiently in a serverless environment.
setup project
$ yarn firebase init
setup env
firebase functions:config:set environment.apikey=""
firebase functions:config:set environment.authdomain=""
firebase functions:config:set environment.databaseurl=""
firebase functions:config:set environment.projectid=""
firebase functions:config:set environment.storagebucket=""
firebase functions:config:set environment.messagingsenderid=""
firebase functions:config:set environment.appid=""
deploy
$ yarn deploy
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].