This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
This application can be configured through environment variables. It is highly recommended that you specify your environment variables within centrally within a .env file at the root directory of the project so that docker can infer the values when deploying the container on the host.
The following are the configurable environment variables:
UI_PORT=3535 # Port on which to deploy the application.
HUB_PAGE_TITLE='Drink more water!' # Main title of the static page.In order to deploy with docker you must have docker and docker compose installed on your host machine.
> docker -v
Docker version 20.10.17> docker compose version
Docker Compose version v2.10.2For user reference docker and docker compose can be installed by following the official instructions outlined at the following links:
Using either option below will build the application's image based on the official node image from dockerhub and deploy the application to the host machine's IP with respect to configuration environment variables set within ./.env.
Option I: docker compose
docker compose up -vOption II: Makefile
make deployAlternatively, to deploy this Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.