This project is built using Next.js, integrating the Stripe API for seamless payment processing. The UI is styled with Stitches, and various libraries such as Axios, Keen Slider, React Icons, and TypeScript have been employed to enhance the overall functionality and user experience.
- Next.js: A React framework for building efficient and scalable web applications.
- Stripe API: Securely handle payments, ensuring a smooth checkout experience.
- Stitches: A utility-first CSS-in-JS library for styling components with simplicity and efficiency.
- Axios: Make HTTP requests seamlessly to communicate with external APIs.
- Keen Slider: A powerful touch slider library for creating interactive and responsive carousels.
- React Icons: A comprehensive library of SVG icons for React projects.
- TypeScript: Enhance code quality and maintainability with static typing.
- Clone the repository:
git clone https://github.com/brunaporato/igt-shop.git- Install dependencies:
cd igt-shop
npm install- Configure environment variables:
Create a .env.local file in the root directory and add your Stripe API keys:
STRIPE_PUBLIC_KEY=your_stripe_public_key
STRIPE_SECRET_KEY=your_stripe_secret_key- Run the development server:
npm run devOpen http://localhost:3000 in your browser to view the application.
If you'd like to contribute to this project, please feel free to contact me
If you encounter any issues or have feedback, please open an issue.