Welcome to the PC Builder app! This is a web application built using Next.js and Tailwind CSS that allows users to build and customize their own PCs. Check out the live version of the app here.
- Build and customize your own PC configurations with ease.
- Explore a wide range of components such as CPUs, GPUs, RAM, storage, and more.
- Benefit from a smooth and responsive user interface, thanks to Tailwind CSS.
- Experience fast loading times with static site generation (SSG) implemented for the home page, featured category section, and product details pages.
- Get up-to-date information on products with server-side rendering (SSR) used for the PC Builder page.
- Utilize Redux for efficient state management throughout the application.
- Next.js: A React framework that provides server rendering, routing, and more.
- Tailwind CSS: A utility-first CSS framework for creating responsive and stylish UIs.
- Redux: A state management library for maintaining a predictable state in your application.
- Vercel: The platform used for deployment and hosting of the live application.
- Clone the repository:
git clone https://github.com/mahabubulislam/pc-builder.git - Navigate to the project directory:
cd pc-builder - Install the dependencies:
npm install - Run the development server:
npm run dev - Open your browser and go to
http://localhost:3000to view the app.
The project structure follows a standard Next.js setup:
pages: Contains the different pages of the app.components: Houses reusable components used across the app.redux: Includes Redux actions, reducers, and store configuration.styles: Contains global styles and Tailwind CSS configuration.