Spring Boot and Vue3 App Monorepo

Description

This repository is a proof of concept (POC) and a template for a health and smooth development enviroment for a Web App using Spring Boot as backend and Vue3 as frontend.

How?

It uses a customized Ubuntu Image from Docker to create a minimazed container with Java and NodeJS, to standarize versions across developer computers, NPM package NX for task management, and a default Postgres container as database.

You can see versions used in .env

Something else?

The container also uses the custom Oh My ZSH theme, Flower Dance, to make the development process fun :D

Requirements

• Docker Engine;
• Visual Studio Code.

How to use it

Prepare

1. Setup Container

   1.1. Create image and container using command:

   docker compose up -d

   This will create image from Dockerfile.dev, and create containers using docker-compose.yml

   1.2. If Dockerfile.dev changes, execute:

   docker compose up -d --build

   This will rebuild the image.

2. Install Docker extension in VSCode;

   2.1. Click the remote icon icon (Two Arrows at the bottom-left corner);

   2.2. Select Attach to Running container... > <your-folder-name>-dev-env-1;

   2.3. Open /home/<your-username>/app/.

3. Install npm packages.

npm i

Tasks

From there, you have some tasks predefined with npm run <command>, that will make you development exprience easier.