PC Parts Shop (Next)

This is a React NextJS build of the already existing pc-parts-shop-java bootstrapped with create-next-app.

You can access the website on:

Front-end

Back-end

The GitHub for this project's back-end used to handle requests and send responses can be found here.

Table of Contents

• Getting Started
  • Install dependencies
  • Set up environment
  • Start development server
• Known problems

Getting Started

Make sure you have Node.js installed.

Install dependencies

First, you will need to install the npm packages and dependencies:

npm install
#or
npm i

Set up environment

1. Create a .env file at the root of the project.
2. Copy variables from .env.example into newly created .env (.../pc-parts-shop-next).
3. Change the values of these variables.

DATABASE_URL="mysql://username:password@host:port/database"
# If we use Django RESTful API, we do not need to provide a DATABASE_URL
# Unless we are willing to generate a database with Prisma ORM
# Then update the URL accordingly

API_URL="http://127.0.0.1:8000/"
# This is the default Django URI
# If you are hosting a separate NoSQL-based back-end remotely
# Remember to make changes accordingly in .env and src/lib/actions

Start development server

1. To start the development server, run:

npm run dev

2. Wait until the project finishes starting up...
3. Access http://localhost:3000 with your browser to start using the web application!

Known problems

No problems encountered yet!