Bootstrap Baqend Starter Kit
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
How to use it
$ git clone firstname.lastname@example.org:Baqend/bootstrap-starter.git $ cd bootstrap-starter $ npm install
...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.
Connect to Baqend
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 -f dist your-app-name
Your app is now published and available, exposing your
index.html the URL
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 -- -f dist your-app-name
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.
Example Tooling for developing with this project
- Install Webstorm.
- Fork this Github project to have your own repository.
- Clone your project via
git clone email@example.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.
- 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.