Skip to content

🔥🦕 BrainNuxt is a Boilerplate based in NuxtJS

Notifications You must be signed in to change notification settings

maccali/Brain-Nuxt.WEB

Repository files navigation

Banner for BrainNUXT

BrainNuxt

BrainNuxt is a Boilerplate based in NuxtJS

Info

PRs welcome! License

Documentation

Documentation

Techs

NPM Node Yarn NuxtJS Axios Bootstrap Grid FontAwesome VueJS Jest ESLint Prettier

Best Practices

Google Analytics Google Site Verification Google Fonts PWA SSR SPA SEO Site Map

Recommended Tools

Made with VSCode Light House

See Examples

This is API page

This page have an example of asyncData get with Axios in server side api consumption using SSR method, and access WEB GeoLocation API

Api Page


Result of asyncData get on server side

In this example get IP information from an API

Api Get Example


In this example, button asks for permission to access Geolocation position

Without localhost you need SSL/HTTPS active to use

GeoLocation

Coordenadas


Navigation

/spa page is render on client side, disable JavaScript to Test

Navigation

Features


  • SSR - Universal Mode
  • PWA "Instalation"
  • SEO Preset: robots, sitemap, header on SSR
  • Google Analytics
  • Selective per page SSR or SPA
  • The smallest import for FontAwesome
  • Simple Grid System of Bootstrap
  • Generalist or component CSS
  • Inteligent Nuxt Router
  • Server-side Cookies for important data
  • Google Site Verification

Quick Setup

# install dependencies
$ yarn install

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

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

# generate static project
$ yarn generate