Skip to content

KhanAnupamShafi/pc-builder-bd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

How to Setup Redux Toolkit in Next.js 13 App Directory

🏠 HomePage

Next-Pc-Builder-Demo

Tech Stack

  • Next JS
  • React,
  • Redux
  • Next Auth
  • Ant Design
  • Framer Motion
  • Mongodb

Features

  • Simple next js app that allows users to build their pc
  • Rendering Patterns: Server Side Render(SSR) + Static Site Genration(SSG)
  • Authentication with NextAuth
  • Responsive UI
  • Cross platform

🌍 Browser Support

Chrome Edge Firefox IE Safari
Chrome 39.0+ ✔ Edge 12.0+ ✔ Firefox 30.0+ ✔ IE 11+ ✔ Safari 9.1+ ✔

📁 Directory

——————
  | -- assets                    // ant-design global less var
  | -- docs                      // documents directory
  | -- public                    // static files directory
      | -- images                // compatible with < version 9.0
      | -- favicon.ico           // some files examples like seo files
      | -- ...
  | -- src                       // source directory
      | -- components            // React UI component
      | -- lib                   // library directory
          | -- mongodb.js        // save all apiUrl
          | -- fontLoader.js     // local font settings
          | -- ...
      | -- middlewares           // middlewares
          | -- client            // client middlewares, deal redux action
          | -- server            // server middlewares, deal node event
      | -- pages                 // Next.js routes
      | -- redux                 // redux directory
          | -- api               // deal all project api
          | -- features          // deal all project features / reducers
          | -- store.js          // the store of project
  | -- .eslintrc                 // eslint config file
  | -- .gitignore
  | -- next.config.js            // Next.js config file
  | -- package.json
  | -- server.js                 // server file
  | ...                          // other files

📖 Usage

development

 1. git clone
 2. yarn install
 3. yarn start

production

 1. yarn build
 2. yarn prod

The application is ready on http://localhost:3000

🔗 Links

portfolio linkedin twitter

🪂 Deployed By Vercel

Badges

Add badges from somewhere like: shields.io

MIT License GPLv3 License AGPL License

About

A Next.js site using new SSG support, NextAuth and Ant Design 5 where user can login and graphically build a PC based on components stored in an MongoDB database

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors