Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/potato4d/nuxt-firebase-sns-example

Nuxt v2 & Firebase(Hosting / Functions SSR / Firestore), Google Auth SNS Example.
https://github.com/potato4d/nuxt-firebase-sns-example

firebase functions-ssr javascript nuxt nuxtjs server-side-rendering ssr vue vuejs vuex

Last synced: about 2 months ago
JSON representation

Nuxt v2 & Firebase(Hosting / Functions SSR / Firestore), Google Auth SNS Example.

Awesome Lists containing this project

README

        

# Nuxt & Firebase(Hosting and Functions SSR), Firestore, Google Auth SNS Example

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![donate: Patreon](https://img.shields.io/badge/donate-patreon-orange.svg?style=flat-square)](https://www.patreon.com/potato4d)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square)](https://opensource.org/licenses/MIT)

Screen Shot 2019-06-26 at 1 34 03



## Requirements

Need the following environment variables.

![Image](https://user-images.githubusercontent.com/6993514/34213945-27f5607e-e5e4-11e7-9761-d5e38e8cf209.png)

```bash
export APIKEY=
export AUTHDOMAIN=
export DATABASEURL=
export PROJECTID=
export STORAGEBUCKET=
export MESSAGINGSENDERID=
export APPID=
```

recommendation: [direnv/direnv](https://github.com/direnv/direnv)

## Build Setup

``` bash
# 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

```bash
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
```