This is a Next.js e-commerce application for wedding gifts. The app features a selection of humorous gifts, a shopping cart persisted in local storage, and a checkout page using Pix. The app is deployed on Vercel.
- Main Page: Browse a selection of humorous gifts.
- Shopping Cart: Add items to the cart, which are persisted in local storage.
- Checkout Page: Complete your purchase using Pix.
- Vercel KV Storage: Store checkout items, buyer's name, email, and message.
- Node.js (Ensure you have Node.js installed)
Create a .env.development.local
file in the root of your project and add the following variables:
Created by Vercel CLI
KV_REST_API_READ_ONLY_TOKEN=
KV_REST_API_TOKEN=
KV_REST_API_URL=
KV_URL=
Created by me
API_SECRET_KEY=
PIX_KEY=
PIX_NAME=
PIX_CITY=
-
Clone the repository:
git clone https://github.com/arthurdedeus/gifts-ui-v2.git cd gifts-ui-v2
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
The app is deployed using Vercel. To deploy your own version:
- Replace the gifts in the main page.
- Connect your repository to Vercel.
- Set up the environment variables in Vercel's dashboard.
- Set up KV storage.
- Deploy the application.
If you want to reuse this codebase for a different purpose, you will need to:
- Replace the gift items on the main page.
- Update any relevant content and styles.
- Reconfigure and redeploy the application on Vercel.
Contributions are welcome! Please open an issue or submit a pull request.
This project is licensed under the MIT License.
For any inquiries, please contact [arthurdedeus@gmail.com].
Happy gifting!