Responsive concept e-commerce website created with React, Next.js and DatoCMS for the NeoMacro challenge. Made in TypeScript with declarative user interface built with Chakra-UI, forms with react-hook-form and tests with Jest.
Deployed on Vercel: https://https://neostore.vercel.app/
- Incremental Static Regeneration (ISR) with Next.js
- DatoCMS headless CMS back end
- Product Rating
- Product Search
- Search Filter by Rating
- Search Filer by Max. and Min. price
- Add to Cart
- Desktop and Mobile versions
- Tests with Jest
First, install the project dependencies:
yarn
Rename '.env.local.example' file in the project root folder to '.env.local' and insert your DatoCMS API Token:
DATO_CMS_READ_ONLY_API_TOKEN='<YOUR DATO CMS API TOKEN>'
DATO_CMS_API_ENDPOINT='https://graphql.datocms.com'
Start the local server:
yarn dev
Open http://localhost:3000 with your browser to see the result.