How to Build Scalable Websites with Wagtail and Nuxt

Bootstrap a website with Wagtail, Nuxt, Graphene and MinIO

The Tools: CMS

[…] It’s important to be aware of which hats you’re wearing at any moment, and to use the right tools for that job. —Zen of Wagtail

The Tools : Frontend

The Tools : API

The Tools : Object Store

The #1 open source object store. And the most enterprise ready. — min.io

The Build: Bringing It All Together

git clone https://github.com/devs-group/wagtail-nuxt
mv base-wagtail <New-Projectname>
cd <New-Projectname>
git remote rm origin
git remote add origin <New-Repo>
Image for post
Image for post

The Build: Prepare The Backend

/cms/home/models.py
Image for post
Image for post
wagtail admin interface

The Build: Create The API

/cms/api/schema.py

The Build: Render Frontend

web_frontend/pages/index.vue
web_frontend/pages/entry/_id.vue & web_frontend/components/InfoCard/index.vue

The Result: Start The Website

cd /project_root/web_frontend
yarn install
cd /project_root
cp .env.dist .env
docker-compose up -d

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store