This is my second attempt to create a complete Full-Stack Web Application using Next.Js and Sanity in Backend and Stripe as a payement option that has both frontend and Backend attached to it.
This App mainly focuses on buying similar kind of products like Boat HeadPhones on a particular website. It an integrated Backend with it and a payement gateway as well (Sanity).
-This is a website with some exciting functionality
- Since Stripe asks for money I have a semi hosted website which can lead you untill the payement of the product and tells you about the features just before the payement is commenced.
- https://ecommerce-boat-headphones.netlify.app/
- Use "4242 4242 4242 4242" as card number
- Use "04 / 24" as Date
- Use "424" as CVV
- Note: This is a demo site thus does not charges you any money
https://www.loom.com/share/921ea07093c54fe1bff0bfa1d3572dd5
- Landing Page
- Product Page
- Footer Element
- Product Details Page
- Marquee - You may also like
- Cart
- Payement gateway
- After payement
- Success Page
- It is an Ecommerce website that has some cool features like
- A neat and clean landing page selling Headphones and Earphones with beautiful Header, Footer, Navbar and Cart Section
- Having a
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
- Next.Js
- Sanity
- Stripe
- CSS
- React.js
- JavaScript
- Bootstrap