Skip to content

Latest commit

 

History

History
105 lines (66 loc) · 5.7 KB

getting-started.md

File metadata and controls

105 lines (66 loc) · 5.7 KB

Building an App with the Base Project Generator

This page will walk you through the fundamentals of how this app generator works as well as where to look for further details. To learn more about making a production-ready generated application, please read the below sections.

  1. Development and installation
  2. Deployment for production
  3. Authentication and magic tokens
  4. Websockets for interactive communication
  5. Generated project README.md template

Contents

What is it?

This FastAPI, React, MongoDB repo will generate a complete web application stack as a foundation for your project development.

  • Docker Compose integration and optimization for local development.
  • Authentication user management schemas, models, crud and apis already built, with OAuth2 JWT token support & default hashing. Offers magic link authentication, with password fallback, with cookie management, including access and refresh tokens.
  • FastAPI backend with Inboard one-repo Docker images:
  • Nextjs/React frontend:
    • Authorization route-based authentication, including support for detecting if a user is logged in or is a superuser.
    • Model blog project, with Nuxt Content for writing Markdown pages.
    • Form validation with React useForm
    • State management with Redux
    • CSS and templates with TailwindCSS, HeroIcons, and HeadlessUI.
  • Celery worker that can import and use models and code from the rest of the backend selectively.
  • Flower for Celery jobs monitoring.
  • Load balancing between frontend and backend with Traefik, so you can have both under the same domain, separated by path, but served by different containers.
  • Traefik integration, including Let's Encrypt HTTPS certificates automatic generation.
  • Github Actions (continuous integration), including backend testing.

Who is it for?

This project is a rock-solid foundation on which to build complex web applications which need parallel processing, scheduled event management, leveraging a NoSQL Datastore (MongoDB). The base deployment requires about 2Gb of memory to run.

This is not a light-weight system to deploy a blog or simple content-management-system.

It is for developers looking to build and maintain full feature progressive web applications that can run online, or offline, want the complex-but-routine aspects of auth 'n auth, and component and deployment configuration taken care of.

What does it look like?

App landing page

Landing page

Dashboard Login

Magic-link login

Dashboard User Management

Moderator user management

Interactive API documentation

Interactive API docs

Enabling two-factor security (TOTP)

Enabling TOTP

How to use it

Installing for local development

Running Cookiecutter to customise the deployment with your settings, and then building with Docker compose, takes about 20 minutes.

Setting up a Mongo Connection

A Mongo connection can be set up one of two ways: At the cookiecutter generation step, provide the mongodb_uri, and mongo_database to inform the generator on how to connect to an Atlas cloud instance. Additionally, in the generated file, you can manually leave the .env.MONGO_DATABASE_URI as mongodb and it will automatically connect to the running mongodb docker instance.

Whilst the local instance is available, it is best advised to create or connect to a MongoDB Atlas Cluster.

Deploying for production

This stack can be adjusted and used with several deployment options that are compatible with Docker Compose, but it is designed to be used in a cluster controlled with pure Docker in Swarm Mode with a Traefik main load balancer proxy handling automatic HTTPS certificates, using the ideas from DockerSwarm.rocks.

Authentication with magic and TOTP

Time-based One-Time Password (TOTP) authentication extends the login process to include a challenge-response component where the user needs to enter a time-based token after their preferred login method.

More details

After using this generator, your new project will contain an extensive README.md with instructions for development, deployment, etc. You can pre-read the project README.md template here too.