Giter Site home page Giter Site logo

brainnuxt's Introduction

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

brainnuxt's People

Contributors

maccali avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.