Skip to content

Clever Cognition | A sleek e-commerce site powered by Next.js 13 App Router, styled with Tailwind CSS, and seamlessly integrated with the Shopify Storefront API for a superior shopping experience.

License

Notifications You must be signed in to change notification settings

influxion/CleverCognition

Repository files navigation

Clever Cognition | E-Commerce

Welcome to Clever Cognition, a unique e-commerce site that offers a curated collection of specialty puzzles for enthusiasts. Built with Next.js 13 and App Router, and powered by Shopify.

Features

  • Curated selection of high-quality, unique puzzles
  • User-friendly navigation with Next.js App Router integration
  • Optimized SEO using Next.js Metadata
  • Smooth and responsive UI with React Server Components (RSCs) and Suspense
  • Secure and efficient Route Handlers for mutations
  • Fast load times and improved performance with Edge runtime support
  • Adaptive fetching and caching mechanisms for an optimal browsing experience
  • Engaging dynamic Open Graph images for social sharing
  • Clean, modern design with Tailwind CSS
  • Seamless checkout and payment experience through Shopify integration
  • Automatic light and dark mode adaptation based on user's system settings

Installation and Setup

1. Clone the repository

git clone https://github.com/influxion/clever-cognition.git
cd clever-cognition

2. Install dependencies

npm install

3. Configure environment variables

Create a .env file in the root of the project and add the following environment variables:

SHOPIFY_STORE_DOMAIN=your_shopify_store_domain
SHOPIFY_STOREFRONT_ACCESS_TOKEN=your_shopify_storefront_access_token

Replace your_shopify_store_domain with your Shopify domain (e.g. your_shopify_store_subdomain.myshopify.com) and your_shopify_storefront_access_token with your public access token.

4. Run the development server

npm run dev

Your app should now be running on localhost:3000.

License

This project is licensed under the MIT License. See the LICENSE file for details.

About

Clever Cognition | A sleek e-commerce site powered by Next.js 13 App Router, styled with Tailwind CSS, and seamlessly integrated with the Shopify Storefront API for a superior shopping experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published