Digital MarketPlace web application made using NEXT.js 14, PayloadCMS, TailwindCSS, Stripe, TRPC, MongoDB . It was developed following a course video by @joshtriedcoding.
You can view a live demo of the application at: https://dead8309.shop
/: This is the home page of the web application./products: This page lists all the products available on the website./product/[productId]: This page displays the details of a specific product./cart: This page displays the items in the cart. And allows for checkout through stripe payment gateway./thank-you: This page is displayed after a successful payment where user can download their purchased assets./sign-in: This page allows users to sign in to their account./sign-up: This page allows users to sign up for a new account./sell: This page allows users to sell their digital assets.verify-email: This page is displayed after a user signs up. It allows users to verify their email address.
The following features were added to the application outside of the course video.
- Azure Blob Storage: The application now uses Azure Blob Storage for hosting media files. This provides a scalable and secure solution for storing large amounts of unstructured data.
To get a local copy up and running, follow these simple steps.
Step-by-step guide on setting up the project locally.
Step 1: Clone the repository
git clone https://github.com/dead8309/digiHippo.gitStep 2: Install dependencies
yarnStep 3: Create a .env file in the root directory of the project. Add the following environment variables to the file.
PAYLOAD_SECRET=
MONGODB_URL=
NEXT_PUBLIC_SERVER_URL=http://localhost:3000
RESEND_API_KEY=
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
AZURE_STORAGE_CONNECTION_STRING=
AZURE_STORAGE_CONTAINER_NAME=
AZURE_STORAGE_ALLOW_CONTAINER_CREATE=false
AZURE_STORAGE_ACCOUNT_BASEURL=Step 4: Start the development server
yarn devStep 5: Open http://localhost:3000 with your browser to see the result.
Contributions are always welcome!
If you have any questions or want to reach out to me, you can do so at My Email Address
- @joshtriedcoding for the course video.