With this starter project you can easily build application based on:
- Bootstrap for a responsive, easy-to-use frontend
- Baqend for hosting the application, storing data, managing users and executing server-side logic
- Handlebars for templating and arranging your HTML in the client
- Less for powerfull CSS styling
- Gulp for building, deploying and live-reloading
$ git clone git@github.com:Baqend/bootstrap-starter.git
$ cd bootstrap-starter
$ npm install
Afterwards, run
$ gulp
...for a local server with live-reloading anytime you change a file: http://localhost:5000
If gulp cannot be found, you need to install it globally with npm install -g gulp
or if you do not want to install gulp globally npm run gulp
. If you do not have npm installed, get it here.
By default this start connects to toodle
the instance of the Baqend tutorial. To change this go to app > js > main.js and change
var app = 'toodle';
DB.connect(app);
to match your Baqend app. If you do not have one yet, start one for free.
The Baqend guide explains everything else you need to know.
You can easily deploy to Baqend via the command line, by installing it globally with npm install -g baqend
. Then:
$ gulp dist
$ baqend login
$ baqend deploy --app your-app-name -f dist
Your app is now published and available, exposing your index.html
the URL your-app-name.app.baqend.com
.
If you do not have baqend
installed globally, you can also use the local version of Baqend:
$ npm run dist -- build
$ npm run baqend -- login
$ npm run baqend -- deploy --app your-app-name -f dist
Note: for now, you need an account registered via email, not via OAuth. If you do not have one, invite your email account via the Collaboration tab in the dashboard and use that account for the Baqend CLI.
- Install Webstorm.
- Fork this Github project to have your own repository.
- Clone your project via
git clone git@github.com:<your cloned repo>
and import that project folder via "File > New > Project from Existing Sources". - Or: use the dialog "File > New > Project from Version Control > Github" instead.
- Run
npm install
in the project folder to install all dependencies. - You can either use the Gulp plugin to run tasks or use the commands (e.g.
npm run gulp
) in the terminal. - Run gulp default (resp.
npm run gulp
) and navigate to http://localhost:5000 to see that it works.