Table of Contents
-
Install quarkus CLI via https://quarkus.io/get-started/
-
Create a new quarkus application
$ quarkus create app milky:milky-backend \
--extension='resteasy-reactive' \
--extension='resteasy-reactive-jackson' \
--extension='smallrye-openapi' \
--extension='hibernate-orm' \
--extension='jdbc-postgresql' \
--verbose
$ cd milky-backend
-
Use PostgreSQL image
$ docker network create milky_net
$ sudo mkdir -p /var/db_data/milky_db_data
$ sudo chown -R $(whoami):<group> /var/db_data/milky_db_data
$ docker run --rm=true -itd \
--name milky-db \
-v /var/db_data/milky_db_data:/var/lib/postgresql/data \
-e POSTGRES_USER=milky \
-e POSTGRES_PASSWORD=milky \
-e POSTGRES_DB=milky_db \
-p 5434:5432 \
--network milky_net \
postgres:latest
-
Install Node.js as guided in https://nextjs.org/docs/getting-started/installation
-
Create a new Next.js app
$ npx create-next-app@latest
Need to install the following packages:
create-next-app@14.1.3
Ok to proceed? (y) y
✔ What is your project named? … milky-frontend
✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like to use `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to customize the default import alias (@/*)? … No / Yes
Creating a new Next.js app in /private/tmp/milky-frontend.
Using npm.
Initializing project with template: app-tw
Installing dependencies:
- react
- react-dom
- next
Installing devDependencies:
- typescript
- @types/node
- @types/react
- @types/react-dom
- autoprefixer
- postcss
- tailwindcss
- eslint
- eslint-config-next
added 366 packages, and audited 367 packages in 42s
132 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
Initialized a git repository.
Success! Created milky-frontend at /private/tmp/milky-frontend
-
Install packages
cd milky-frontend
npm install @mui/material @emotion/react @mui/x-data-grid @emotion/styled
-
Run milky-frontend app in dev mode
cd milky-frontend
npm run dev
-
Visit http://localhost:3000