Our Docker configuration supports two environments: development and production.
The development setup uses Docker Compose to create an environment with live reloading:
- Dockerfile will run
npm run devfor you
This allows you to see your changes in real-time without rebuilding the Docker image (make sure to disable cache in browser settings).
The production setup builds an optimized version of the app:
- Runs
npm run buildfor you - This is exactly what a live server would do
-
If you haven't cloned the repository yet:
git clone https://github.com/your-username/your-repo-name.git cd your-repo-name -
If you've already cloned the repository, update it:
git pull
-
Start the development server:
docker compose up
Note: If you're using an older version of Docker, you may need to use
docker-compose upinstead. -
Open your browser and navigate to
http://localhost:3000 -
Make changes to your code and see them reflected in real-time!
-
Build the Docker image:
docker build -t nextapp . -
Run the Docker container:
docker run -p 3000:3000 nextapp
-
Open your browser and navigate to
http://localhost:3000
-
Our development process will consist of individually making specific "components" for each function of the website. These "components" (functions in C++ terms) will be the building blocks for our website. To start developing, this is an Object Oriented approach so don't worry about how the function will fit into the website, focus on the function itself. Keep in mind that a lot of our Kanban Board issues are similar. In short, our site's primary function is, search and return search results. Everything else will build off this.
-
To start developing without Docker, run the development server:
npm run dev
Note: this will require a local install of Node.js, npm, and all other dependencies.
- Next.js 14.2.13
- React ^18
- React DOM ^18
- Tailwind CSS ^3.4.1
- PostCSS ^8