https://github.com/brob/next-js-e-commerce-test-local

https://github.com/brob/next-js-e-commerce-test-local

Last synced: 10 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/brob/next-js-e-commerce-test-local
• Owner: brob
• Created: 2020-11-03T16:56:58.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T08:36:12.000Z (about 1 year ago)
• Last Synced: 2024-11-07T00:29:53.185Z (about 2 months ago)
• Language: CSS
• Homepage: next-js-e-commerce-test-local.vercel.app
• Size: 3.73 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Sanity.io and Next.js Ecommerce Starter

This is an e-commerce *starter* that features a studio with a simple Next.js frontend.

This starter uses the [Next.js toolkit for Sanity.io](https://github.com/sanity-io/next-sanity).

**Features:**

* Live previews, including website preview for products

* Frontend with product pages styled using Tailwind.css

* Content types for products, ads, pages, routes, popup shops, social media

This starter comes with an intentionally sparse frontend for just products and super simple landing pages. The fun is building and tweaking it yourself?

## Running Locally

To run locally, rename `.env.test` to `.env` and add your project ID from [manage.sanity.io](https://manage.sanity.io). 

```bash

# Runs the frontend at localhost:3000

npm start

# Runs the Studio at localhost:3333

npm run start:sanity

```

## Enabling live preview

You can append `?preview` to the landing pages, product pages and the products overview to enable preview mode when you are logged into your Sanity project. For example:

`https://.vercel.app/products/roji?preview`

You can find the code for the in-studio preview over in `/studio/src/components/product`.

## Credits

The e-commerce frontend is built with Tailwind components by [khatabwedaa](https://tailwindcomponents.com/u/khatabwedaa).