Skip to content

lucianoayres/neostore

Repository files navigation


Concept React + Next.js e-commerce responsive website with DatoCMS headless CMS.

About

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/

Screenshot

Screenshot from 2021-11-09 13-12-54

Features

  • 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

Setup

Dependencies

First, install the project dependencies:

yarn

API Token

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'

Run server

Start the local server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

About

NeoStore, a concept ecommerce responsive website created with React, Next.js and DatoCMS.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published