Evercam User dashboard (Nuxt.js)
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn dev
# build for production and launch server
$ yarn build
$ yarn start
# generate static project
$ yarn generateFor detailed explanation on how things work, check out Nuxt.js docs.
- Create GitHub repository and push your nuxt.js app.
- Connect your repository to AWS Amplify and specifies the branch to use in production (master).
- Configure build settings. Your static site will be configured by AWS Amplify through
amplify.ymlfile:
version: 0.1
frontend:
phases:
preBuild:
commands:
- yarn install
build:
commands:
- yarn generate
artifacts:
baseDirectory: /dist
files:
- '**/*'
cache:
paths:
- node_modules/**/*
First, we should install all dependencies with the command yarn install in the preBuild phase. Next, we will build our app with the command yarn generate and finally we will tell to Amplify where are the generated files with baseDirectory: /dist.
-
Set environment variables. We should establish the
API_URLand theSOCKET_URL. To manage them with Amplify, we will go toApp settings>Environment variables. -
Configure redirects for static generated application. Go to
App settings>Rewrites and redirects, remove all existing redirects and create a new one with the following configuration:
| Source address | Target address | Type | Country code |
|---|---|---|---|
</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/> |
/index.html |
200 (Rewrite) | - |
- When Amplify detect changes on branch master of your repository, it will automatically deploy your app.