DEV Community

Cover image for Building Blog with Bocadillo - Installation
Itachi Uchiha
Itachi Uchiha

Posted on • Edited on

Building Blog with Bocadillo - Installation

I published a post about Bocadillo before.

In this series, we'll build a simple blog with Bocadillo.

I hope we can succeed.

GitHub Repository for this series: https://github.com/aligoren/bocadillo_blog


Basics

Virtualenv

We will use virtualenv to isolate our dev environment.

mkdir bocadillo_blog

cd bocadillo_blog

virtualenv .

# after finish installation

source bin/activate
Enter fullscreen mode Exit fullscreen mode

Our command line should be like that;

(bocodillo_blog) [YOUR_USER@YOUR_USER-pc bocodillo_blog]$ 
Enter fullscreen mode Exit fullscreen mode

Installation

You can install bocadillo using the following command

pip install bocadillo
Enter fullscreen mode Exit fullscreen mode

Extra Installations

You will need sessions to authentication. We will write a decorator for this.

pip install bocadillo[sessions]
Enter fullscreen mode Exit fullscreen mode

Bocadillo Requirements

You will need Python 3.6 or above versions to use Bocadillo.

Requirements File

We assume deploy our blog app to our server. We need to add all dependencies into the requirements file.

pip freeze > requirements.txt
Enter fullscreen mode Exit fullscreen mode

Our First App

We'll create a file called app.py using our favorite editor. I prefer Visual Studio Code but you can use yours.

We'll change our project structure later.

from bocadillo import App, configure

app = App()
configure(app)

@app.route("/")
async def index(req, res):
    res.text = "Hello World!"
Enter fullscreen mode Exit fullscreen mode

That's all for now. Let's run this command to serve our application.

uvicorn app:app --reload
Enter fullscreen mode Exit fullscreen mode

You don't need to install uvicorn. It's already installed with bocadillo. We used --reload flag, because we want to avoid always restart the application by manual.

Our app serving on port 8000 now. Let's open http://localhost:8000 on our browser.

Yes! we did :)

We saw our Hello World! message.

This was the first part of our series.

Top comments (0)