https://github.com/okbel/next-store

A proof of concept for e-commerce systems using a NextJS seed ready to be deployed with Vercel.
https://github.com/okbel/next-store

Last synced: 25 days ago
JSON representation

A proof of concept for e-commerce systems using a NextJS seed ready to be deployed with Vercel.

• Host: GitHub
• URL: https://github.com/okbel/next-store
• Owner: okbel
• Created: 2020-06-14T12:21:05.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T09:17:17.000Z (almost 2 years ago)
• Last Synced: 2024-10-04T12:14:19.799Z (about 1 month ago)
• Language: JavaScript
• Homepage: https://next-store-pi.vercel.app
• Size: 10.3 MB
• Stars: 52
• Watchers: 3
• Forks: 7
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• Awesome-NextJs - next-store - [demo](https://next-store-pi.vercel.app/) (Nextjs Templates)

README

        
# next-store

A proof of concept using a NextJS seed ready to be deployed with Vercel.

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?c=1&s=https://github.com/okbel/next-store)

### Features

- Lazy Image Loading x2

- CSS Purged

- Green on Lighthouse

![Image of Lighthouse](https://res.cloudinary.com/vercel/image/upload/v1592422143/lighthouse_agjpn1.png)

### Tech Stack

- Nextjs

- PurgeCSS

- TailwindCSS

- PostCSS

  - Allows nesting and imports.

## Up and Running

- Develop running `npm run dev` - [http://localhost:3000](http://localhost:3000)

- Build `npm run build`

- Deploy `vercel --prod`

## Demo

[https://next-store-pi.vercel.app](https://next-store-pi.vercel.app)

## Data Fetching

Using SWR:

```js

import useSWR from "swr";

function Profile() {

  const { data, error } = useSWR("/api/user", fetcher);

  if (error) return 
failed to load
;

  if (!data) return 
loading...
;

  return 
hello {data.name}!
;

}

```


## Examples and Resources

- NextJS with Prismic [https://github.com/vercel/next.js/tree/canary/examples/cms-prismic](https://github.com/vercel/next.js/tree/canary/examples/cms-prismic)

- Data fetching with [SWR](https://swr.now.sh/)

- [Nextjs Documentation](https://nextjs.org/docs/getting-started)

- Incremental Static Generation [https://static-tweet.now.sh/](https://static-tweet.now.sh/)