snipcart/snipcart-nextjs

Stars
134
Rank 270,967 (Top 6 %)
Language
TypeScript
Created over 5 years ago
Updated over 4 years ago

snipcart/snipcart-nextjs

snipcart

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Demo code for a Next.js e-commerce app powered by Snipcart

Next.js E-Commerce Tutorial: Quick Shopping Cart Integration

The creation of tools such as Next.js that successfully simplified React frontend development.

Here, I want to explore what Next.js can do for e-commerce.

Steps:

Set up a Next.js development environment
Create new pages & components
Fetch data & import components
Add a shopping cart to a Next.js app
Style & deploy the app

Read the full tutorial

See the live demo

Enjoy folks!

learn-vanilla-js

Open source list of paid & free resources to learn vanilla JavaScript

vue-blog-demo

A Vue.js blog demo to demonstrate proper decoupling of api data and swapping of resources/providers

stackbit-theme-planty

Planty is an e-commerce ready theme for Stackbit, powered by Snipcart.

vue-seo-prerender

Vue.js Tutorial: A Prerendered, SEO-Friendly Example

wordpress-rest-api-react

learn-typescript

Open source list of paid & free resources to learn TypeScript

wordpress-react

A React demo app tied to a WordPress backend with REST API

wordpress-headless-vue

A demo for a Vue.js SPA on top of WordPress as a headless CMS

strapi-react-snipcart

React E-Commerce App Built on Top of Strapi

gatsby-pwa-demo

PWA Example: Progressive Web App E-Commerce with Gatsby.js

snipcart-jekyll

Demo for a Snipcart powered e-commerce store built with Jekyll

vue-transition-demo

Demo for "Creating Vue.js Transitions & Animation"

snipcart-wordpress-react

Strapping React.js on a WordPress Backend: WP REST API Example

snipcart-v2-jekyll

Demo code for an e-commerce static site with Snipcart v2.0 & Jekyll

gatsby-netlify-serverless

Handling Static Forms, Auth & Serverless Functions with Gatsby on Netlify

snipcart-nuxt-pwa

PWA Example: Progressive Web App E-Commerce with Nuxt.js

django-ecommerce-wagtail

Django E-Commerce Tutorial: Wagtail CMS + Snipcart

react-gatsby-snipcart

A complete guide to React e-commerce + Gatsby shop tutorial

snipcart-hugo-integration

Hugo Website Tutorial with a Live Static E-Commerce Example

nuxt-cockpit

A Tutorial to Bundle Cockpit CMS & Nuxt.js in a full JAMstack

snipcart-theme-v2

Base theme for Snipcart v2

next-snipcart-store

gridsome-graphql-snipcart

A Gridsome demo with Airtable as database (GraphQL queries)

11ty-demo-snipcart

A demo app built with JavaScript SSG 11ty

vue-comments-overlay

next-react-seo

A Next.js Tutorial to Build a SEO-Friendly React SPA

strapi-nuxt

Demo for a Snipcart powered e-commerce store built with Nuxt and managed in Strapi.

ponzu-hugo-snipcart

A Guide to Golang E-Commerce (w/ Go-Powered CMS Tutorial)

vue-animation-demo

Demo for "Creating Vue.js Transitions & Animation: Live Examples"

node-js-ecommerce-koajs

Minimalistic e-commerce store built on Koa.js using Snipcart

snipcart-localization-v2

Localization files for Snipcart's shopping cart v2

headlesscommerce

hugo-forestry

Demo for an Snipcart powered e-commerce store built with Hugo and Forestry.io

express-graphql-postgres

Demo code for a GraphQL Server w/ Node.js Express

snipcart-nextjs-spa

django-ecommerce-wagtail-v3

You can read the full tutorial at https://snipcart.com/blog/django-ecommerce-tutorial-wagtail-cms | This is an updated version of this repo https://github.com/snipcart/django-ecommerce-wagtail. We now use the v3 of snipcart and tailwind for the css.

snipcart-gatsby-grav

Grav as Headless CMS Tied to Gatsby with GraphQL Schema

snipcart-graphcms-nodejs

Sample application to build a store using NodeJS Express, GraphCMS and Apollo

cloudcannon-jekyll-ecommerce

Multilingual e-commerce static website using Snipcart, CloudCannon, and Jekyll

svelte-markdown-editor

Build a Svelte JS App: Magic Framework (Svelte 3 Tutorial)

snipcart-l10n

Snipcart v3.0 localization files

snipcart-laravel

Let’s build e-commerce with Laravel. This tutorial will teach you how to build a Laravel website and integrate a custom shopping cart.

nextjs-storybook-example

outreachshame-docs

Outreach Shame documentation

buttercms-vuejs-snipcart

Build Vue.js E-Commerce on Top of Headless ButterCMS [Demo]

wagtail-snipcart

Django E-Commerce Tutorial: Wagtail CMS + Snipcart

angular-seo-universal

SEO-Friendly Angular SPA: Universal Server-Side Rendering Tutorial

snipcart-nextjs-seo

Demo code for an SEO optimized Next.js e-commerce app powered by Snipcart

sanity-angular-snipcart

Headless e-commerce with Angular, Sanity, & Snipcart

snipcart-demo-v3

Nuxt.js static site with Snipcart e-commerce.

tinacms-demo

snipcart-wordpress-plugin

Wordpress plugin that adds Snipcart product post type and settings.

snipcart-nuxtjs-pwa

https://snipcart-nuxtjs-pwa.netlify.app/

snipcart-angular-tutorial

laravel-pyrocms-snipcart

Laravel E-Commerce Tutorial with PyroCMS [Live Demo]

snipcart-middleman-integration

Demo code for an e-commerce static site with Snipcart & Middleman.

directus-metalsmith-snipcart

Lookbook web app with Directus' open source headless CMS, Metalsmith, Vue.js & Snipcart

kirby-flat-file-snipcart

Demo code for a Snipcart-powered Kirby CMS e-commerce project.

scully-snipcart-store

Demo e-commerce application built with Angular, Scully and Snipcart

hugo-cloudcannon-snipcart

snipcart-craft-webhooks-plugin

Sample plugin to allow inventory management in a Craft application using Snipcart

snipcart.github.io

Strapi-Nuxt-Snipcart

snipcart-wordpress-demo

snipcart-craft-integration

An example of a Snipcart integration with Craft CMS.

sleekypay

A fake payment gateway to showcase Snipcart's custom payment gateway integration functionality

snipcart-gtm

Basic GTM integration

svelte-to-do-app

pelican-blog

Pelican Tutorial: Static Blog with Search & Comments [Demo]

snipcart-roots-integration

Demo of a Snipcart-powered Roots static e-commerce site.

hugo-algolia-docsearch

Static Site Search Made Easy (with Hugo Tutorial).

netlify-cms-snipcart

Existing Snipcart-Jekyll integration with Netlify CMS included

snipcart-themes-custom

Custom themes examples for Snipcart cart

contentful-snipcart-middleman

A demo of a static e-commerce site (Snipcart + Middleman) with dynamic product management (Contentful)

paymentrequest-custom-gateway

Snipcart Custom Payment Gateway implementation using Payment Request API

snipcart-jamstack

JAMstack e-commerce with Siteleaf & Snipcart

snipcart-themes

Simple overrides for Snipcart V1's theme

snipcart-hexo-integration

Simple integration of Snipcart in a blog powered by Hexo

metalsmith-directus

processwire-snipcart

Quick Processwire E-Commerce Tutorial: Lean PHP Store

snipcart-keyway

Angular Tutorial: E-commerce with Angular, Sanity, and Snipcart

snipcart-gridsome

Demo for a Snipcart powered e-commerce store built with Gridsome.

pagekit-snipcart

A Pagekit e-commerce demo with Snipcart

snipcart-gatsby-integration

spike-webpack-snipcart

Snipcart Integration with Webpack Powered Spike

drupal-headless-inferno

Drupal Headless Architecture with JS Framework [Live Demo]

pagekit-snipcart-extension

MVP e-commerce extension created for Pagekit.

snipcart-gulp-frontend-workflow

Demo code for a blog post where we show how we use 4 awesome Gulp.js plugins to enhance frontend automatization and performance.

gatsby-wordpress-snipcart

This is the headless WordPress demo project using Gatsby & Snipcart. You can follow the full tutorial here 👉 https://snipcart.com/blog/headless-wordpress

intro-to-serverless

joomla-ecommerce-snipcart-plugin

Update for a Joomla! e-commerce plugin featuring Snipcart

blitz-demo

wyam-snipcart

Build an E-Commerce Site with Wyam, a .NET Static Content Generator

snipcart-harp

Node.js E-Commerce with Harp JS & Snipcart

maroon-celery

Jamstack site created with Stackbit

snipcart-statamic-integration

Snipcart integration into a Statamic website

status

Snipcart Status Page

snipcart-filestack-demo

Quick demo for a Filestack + Snipcart integration

snipcart-getcockpitcms

redwoodjs-demo

A demo for the full-stack Jamstack framework that is RedwoodJS