nuxt-bio's Introduction

nuxt-bio

Small bio-esque site for presenting links built with Nuxt.js

PWA settings

Change the values with the comment // Change me in the following files:

/config/env.js - Change this to your API URL
/config/manifest.js - Change name and short_name for your PWA
/config/meta.js - Change the values to reflect how the meta-tags will look like. This also sorts out structured data for your PWA. Delete the ogImage if you don't have/want one.

Netlify

You can easily put this on Netlify. Just add the links environment variable to your deploy settings and @nuxtjs/dotenv will automatically pick it up.

Changelog

1.2.1:

Security updates

1.2.0:

Updated the project to use Vuex
Moved config files into /config to clean up the Nuxt config
Updated the eslint config
Updated dependencies

1.1.0:

Added PWA module
Fixed some styling issues

1.0.0:

Initial release

Build Setup

Copy .env.example to .env and add your links variable

For inspiration, my API has the following fields in links:

id (selfincrement)
icon (text)
url (string)
text (string)

# install dependencies
$ yarn install # Or npm install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

Copy .env.example to .env and add your links variable

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

Recommend Projects