blikblum / nextbone-wires

Opionated nextbone application

Home Page:https://blikblum.github.io/nextbone-wires/dist/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Nextbone Wires

An opinionated example application built with Nextbone.

Overview

This is based on Marionette Wires

Features

  • Code splitting of colors routes (open network tab of dev tools and go to colors section)
  • Remember last selected book
  • Live webserver for development (auto reload on source change)
  • Animated page transitions (determined dynamically)
  • Animated book selection change
  • Use of VirtualCollection to implement colors view
  • Pagination implemented as a web component
  • Dialog to prevent exiting color edit form with unsaved changes

Check the live version

Scaffold a new project with similar setup using generator-nextbone

Quick start

Clone or download this repo.

git clone https://github.com/blikblum/nextbone-wires.git && cd nextbone-wires

Make sure Node.js and npm are installed. Installation of Yarn is recommended but not required

Install

yarn
//or
npm install

Develop

npm run dev

Build

npm run prod

Once that's done, open up dist/index.html in a browser using a static server.

Guide

As a general rule, be sure to read through all of the source code yourself and make sure you understand what is happening.

Directories Purpose
api Mock api routes
dist Built assets
src Source files
test Test files

===

© 2019 Luiz Américo Pereira Câmara

About

Opionated nextbone application

https://blikblum.github.io/nextbone-wires/dist/

License:ISC License


Languages

Language:JavaScript 53.9%Language:CSS 44.2%Language:Gherkin 1.3%Language:HTML 0.5%