"Logo" Angular2 and Baqend Starter

With this Angular2 and Baqend starter kit you can build blazingly fast single page applications in no time. Setup your project by following the simple steps below.

The starter is based on the Angular2 Webpack Starter and uses:

How to use the template

  1. Make sure you have Node.js installed on your machine
  2. Clone the repository with git clone https://github.com/Baqend/angular2-starter.git
  3. Install the project with npm install
  4. Start the server with npm start (or npm run server:dev:hmr for hot module replacement - only changed files are recompiled)
  5. Open the url in your browser http://localhost:3000, you should see a small sample application with signup capability

Your app is currently connected to a Baqend test instance called 'app-starter', which provides common backend features like data and file storage, user authentication (used in the example), queries and push notifications among others.

To develop your own application

  1. Launch a free Baqend instance at baqend.com
  2. Change the app name in your projects src/app/db.service.ts from app-starter to your app name
  3. Your Angular2 app will automatically connect to your app instance
  4. To start accessing data or backend features, simply import the db-object with import {db} from "baqend"; and see our Guide and API Docs for details

For more information: on Angular2, the structure of this project or Baqend.

How the Baqend integration into Angular2 works

Before the Baqend SDK can be used, a connection to the Baqend instance must be established. There are two options to wait for the initialization.

  1. You can use the DBReady resolver to delay the route component rendering, or DBLoggedIn to prevent navigation to protected routes that are only accessible by logged in users. For a live example look into the src/app/app.routes.ts.

  2. Or you can manually wait on db.ready() within your components and use the SDK afterwards.

import {Component, OnInit} from '@angular/core';
import {db} from "baqend";

@Component({
  selector: 'myRoute'
})
export class MyRoute implement OnInit {

  ngOnInit(private router:Router) {
    db.ready().then(() => {
      db.MyClass.find()...
    });
  }

How Baqend fits your Backend requirements

Baqend is a fully managed Backend-as-a-Service platform with a strong focus on performance and scalability (click here for details). The JavaScript API gives you access to common backend features while the dashboard lets you define data models and access rules as well as business logic to execute on the server side.

Baqend's feature set includes:

"Logo" Bootstrap Baqend Starter Kit

With this starter project you can easily build application based on:

How to use it

$ 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.

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.

Deploy

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 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 -- -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

  1. Install Webstorm.
  2. Fork this Github project to have your own repository.
  3. Clone your project via git clone git@github.com:<your cloned repo> and import that project folder via "File > New > Project from Existing Sources".
  4. Or: use the dialog "File > New > Project from Version Control > Github" instead.
  5. You can either use the Gulp plugin to run tasks or use the commands (e.g. npm run gulp) in the terminal.
  6. Run gulp default (resp. npm run gulp) and navigate to http://localhost:5000 to see that it works.

"Logo"

Ionic 2 and Baqend Starter

With this Ionic 2 and Baqend starter kit you can build blazingly fast hybrid apps in no time.

This starter is based on the Ionic2-Tabs-Starter.

HOW-TO

The easiest way to use this starter is to use the ionic cli:

bash git clone git@github.com:Baqend/ionic2-starter.git cd ionic2-starter npm install -g ionic cordova npm install ionic serve

The ionic app is already connected to a Baqend test instance. To connect it to your own Baqend instance change the variable appName in the db.service.ts to the name of your Baqend instance.

The app uses a Message object, which is defined in the Baqend schema. It has three string attributes: name, text, face.

How Baqend fits your Backend requirements

Baqend is a fully managed Backend-as-a-Service platform with a strong focus on performance and scalability (click here for details). The JavaScript API gives you access to common backend features while the dashboard lets you define data models and access rules as well as business logic to execute on the server side.

Baqend's feature set includes:

"Logo"

Ionic and Baqend Starter

With this Ionic and Baqend starter kit you can build blazingly fast hybrid apps in no time.

This starter is based on the Ionic-Tabs-Starter.

HOW-TO

The easiest way to use this starter is to use the ionic cli:

$ git clone git@github.com:Baqend/ionic-starter.git
$ cd ionic-starter
$ npm install -g ionic cordova
$ npm install
$ ionic serve

The ionic app is already connected to a Baqend test instance. To connect it to your own Baqend instance change the variable appName in the service.js to the name of your Baqend instance. If you will use your app on iOS please replace app-starter with your Baqend instance name at the bottom of the config.xml.

The app uses a Message object, which is defined in the Baqend schema. It has three string attributes: name, text, face.