• Stars
    star
    131
  • Rank 275,867 (Top 6 %)
  • Language
    JavaScript
  • Created over 6 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

nuxt-firebsae-auth-ex

This project is used to demonstrate how to design and setup your NUXT project to manage default behaviour within Firebase authentication. By default Firebase persists the users logged in status on successful authentication. This project uses the session, to store the user uid and cookies to store the users token and used in situations where the sessions has ended (example when browser is closed) and then a new session started but where the user is still authenticated according to Firebase. In cases like these the user will not need to sign in to view protected resources.

Firebase project setup

  • Create a Firebase project with Email/Password authentication
  • Initialise standard Firebase database. Used to run a simple query to test if user has permissions and is authenticated by Firebase to do so
  • Modify the configuration settings in the development and production files to match your Firebase project configuration

Build Setup

# install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

For detailed explanation on how things work, checkout the Nuxt.js docs.

More Repositories

1

vue2-editor

A text editor using Vue.js and Quill
JavaScript
2,455
star
2

nuxt-ssr-firebase

Nuxt.js Universal App with SSR via Firebase Functions and Firebase Hosting
Vue
282
star
3

nuxt-firebase-auth

This is an example of using Nuxt.js in SPA mode with Firebase Authentication
Vue
191
star
4

nuxt-api-example

Nuxt.js API Example using Vuex and axios
Vue
121
star
5

nuxt-ssr-firebase-auth

Nuxt.js using SSR and Firebase with Authentication
JavaScript
72
star
6

nuxt2-ssr-firebase

Nuxt2 Universal App with SSR via Firebase Functions and Firebase Hosting
JavaScript
50
star
7

nuxt-markdown-example

An example of using markdown files for content with Nuxt.js / Vue.js
Vue
48
star
8

pocketvue

An Electron based app using Vue.js for Pocket
JavaScript
21
star
9

vue2editor-images

Example of using new image upload to server feature for Vue2Editor
JavaScript
19
star
10

nuxtify

Vue
17
star
11

nuxtcms

CSS
6
star
12

auth-module-firebase

JavaScript
5
star
13

nuxtfire

JavaScript
4
star
14

nuxtjs-firebase-functions

Vue
3
star
15

nuxt-netlify-fauna

JavaScript
3
star
16

nuxtcms-with-netlifycms

Vue
3
star
17

nuxtcms-demo

Vue
2
star
18

nuxt-admin-module

JavaScript
2
star
19

nuxtent-example

JavaScript
2
star
20

dkroyer

My Personal Site
Vue
2
star
21

nuxt-apollo-blog

Vue
2
star
22

nuxt-tailwind

JavaScript
2
star
23

nuxt3-app

Testing Nuxt 3 Beta
Vue
2
star
24

nuxty

Nuxt.js Template with Buefy (Bulma & Vue Library)
JavaScript
2
star
25

vuex-fireadmin

JavaScript
1
star
26

nuxtfire-starter

Vue
1
star
27

udacity-mars-project

JavaScript
1
star
28

nuxtfire-news

Vue
1
star
29

nuxt-starter

JavaScript
1
star
30

nuxt-boilerplate

JavaScript
1
star
31

codelouisville-week5demo

CSS
1
star
32

got2dance

Vue
1
star
33

nuxt-netlifycms-boilerplate

Vue
1
star
34

nuxt-book

JavaScript
1
star
35

nuxtlify

Vue
1
star
36

udacity-dino-project

JavaScript
1
star