This Next.js application is an e-commerce site for a guitar shop. It allows users to browse through a selection of guitars, view product details, add items to a shopping cart, and simulate a checkout process (without connecting to an external payment service). The site uses static data and does not integrate with a backend or include Stripe for payment processing.
- Product Catalog: Display a variety of guitars with images, descriptions, and prices.
- Product Details: Click on a guitar to view detailed information.
- Shopping Cart: Add items to a cart and view the total cost.
- Responsive Design: Ensures the site is user-friendly on different devices and screen sizes.
- Next.js: React framework for server-rendered React applications.
- Static Data: JSON files or hardcoded data for product information.
- Tailwind CSS: Utility-first CSS framework for styling.
- Clone the repository: git clone https://github.com/sblevins-dev/GuitarShop.git
- Install dependencies: npm install = Start the development server: npm run dev
- Open your browser and navigate to http://localhost:3000 to view the application.
- Browse through the list of guitars.
- Click on a guitar to view its details, including description and price.
- Add items to the shopping cart using the "Add to Cart" button.
- Navigate to the cart page to view the items added and the total cost.
- Dynamic data
- Payment simulation
Contributions are welcome! If you have suggestions or want to contribute to this project, please fork the repository and submit a pull request with your changes.
License This project is licensed under the MIT License - see the LICENSE file for details.
Acknowledgments Thanks to the Next.js community for providing a robust framework for building server-rendered React applications. Inspiration and initial concepts drawn from the e-commerce industry best practices.