• Bottle 0.12.13 (stable)

NPM packages:

• Axios 0.17+ (AJAX calls)
• PostCSS/Autoprefixer 7.2+ (automate CSS prefixes)
• Babel 7.0+ (turn ES6 code to vanilla)
• Vue.js 2.5+ (the basis of reactive web applications)
• Webpack 3.10+ with config (SCSS, ES6, Vue.js)
• Web font loader 1.6+ (async load font from Google Fonts)

Example:

• Out the box application for test kit with latest Bulma CSS framework

Bottle – is lightweight WSGI micro web-framework for Python. A simple process of installing and deploying. Everything has already been done for you. Just enjoy writing your code!

Simplify development of reactive web applications — use this kickstart kit now!

First, clone this GitHub repository:

$ git clone [email protected]:koddr/bottle-vue-kickstart.git

Second, install NPM dependencies and make build:

$ cd bottle-vue-kickstart
$ npm install
$ npm run build # or `npm run watch` for hot-reload

Third, prepare your virtual environment:

Since 0.4.2 we use Pipenv project for manage virtual environments.

Install via pip to your system:

$ pip install pipenv

More info about Pipenv here: Managing dependencies, Python.org.

And now, install Bottle with all extensions:

$ pipenv install

Yes, virtual environment is automaticaly create. If you want to know system link, just use pipenv --venv. Result is something like this: /Users/username/.virtualenvs/bottle-vue-kickstart--XXXXXX. Use it in PyCharm or else.

Finally, run development server:

$ python3 run.py

Bottle v0.12.13 server starting up (using AutoServer())...
Listening on http://localhost:8080/
Hit Ctrl-C to quit.
...

(Optional) Install database with example objects:

$ python3 _devtools/install_init_database.py

Now, your yellow section on http://localhost:8080/ will look like this:

And we done!

├── _devtools
│   └── install_init_database.py
├── static
│   ├── assets
│   │   ├── js
│   │   │   └── script.js
│   │   └── scss
│   │       └── style.scss
│   ├── css
│   │   └── style.min.css
│   ├── images
│   │   └── bottle-vue-kickstart-logo-horizontal.svg
│   └── js
│       └── script.min.js
├── templates
│   ├── index.html
│   └── layout
│       └── base.html
├── .babelrc
├── .editorconfig
├── .gitignore
├── articles.db
├── package.json
├── package-lock.json
├── Pipfile
├── Pipfile.lock
├── postcss-config.js
├── README.md
├── run.py
└── webpack.config.js

What's next? Build something awesome and make web beautiful again!

Development and maintenance engaged by Vic Shóstak (aka Koddr). If you want to say «thank you» and/or ask me about Bottle Vue kickstart kit — create new issue.

Your assistance will help make project even better!

• Donate with PayPal
• Donate with Credit/Bank card, Yandex.Money

Thanks for supporting!

The MIT License (MIT)