Skip to content

Online store built using React NextJS combined with other modern UI component libraries.

License

Notifications You must be signed in to change notification settings

NhanPham03/pc-parts-shop-next

Repository files navigation

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:
Vercel

Front-end

React NextJS Tailwind CSS shadcn/ui

Back-end

Redux MongoDB Django REST

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

Table of Contents

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
  1. Wait until the project finishes starting up...
  2. Access http://localhost:3000 with your browser to start using the web application!

Known problems

No problems encountered yet!

About

Online store built using React NextJS combined with other modern UI component libraries.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published