Maxvien / Next Shopify Storefront
Licence: mit
🛍 A real-world Shopping Cart built with TypeScript, NextJS, React, Redux, Apollo Client, Shopify Storefront GraphQL API, ... and Material UI.
Stars: ✭ 317
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Next Shopify Storefront
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-79.5%)
Mutual labels: eslint, babel, material-ui
Apollo Upload Examples
A full stack demo of file uploads via GraphQL mutations using Apollo Server and apollo-upload-client.
Stars: ✭ 358 (+12.93%)
Mutual labels: graphql, eslint, babel
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (-81.7%)
Mutual labels: eslint, babel, redux-thunk
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: ✭ 621 (+95.9%)
Mutual labels: eslint, babel, expressjs
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (-55.52%)
Mutual labels: graphql, eslint, babel
React Starter Kit
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Stars: ✭ 21,060 (+6543.53%)
Mutual labels: graphql, babel, material-ui
Express React Boilerplate
Express, MySQL, React/Redux, NodeJs Application Boilerplate
Stars: ✭ 179 (-43.53%)
Mutual labels: eslint, expressjs, material-ui
Web Configs
Common configurations for building web apps at Shopify
Stars: ✭ 302 (-4.73%)
Mutual labels: eslint, shopify, babel
Artemis Dev Tool
An Apollo GraphQL Query Schema Testing Tool
Stars: ✭ 66 (-79.18%)
Mutual labels: graphql, apollo-client, material-ui
Starter
Opinionated SaaS quick-start with pre-built user account and organization system for full-stack application development in React, Node.js, GraphQL and PostgreSQL. Powered by PostGraphile, TypeScript, Apollo Client, Graphile Worker, Graphile Migrate, GraphQL Code Generator, Ant Design and Next.js
Stars: ✭ 1,082 (+241.32%)
Mutual labels: graphql, apollo-client, eslint
Kit
ReactQL starter kit (use the CLI)
Stars: ✭ 232 (-26.81%)
Mutual labels: graphql, apollo-client, eslint
Graphql Starter
💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.
Stars: ✭ 3,377 (+965.3%)
Mutual labels: graphql, babel, material-ui
Ember Apollo Client
🚀 An ember-cli addon for Apollo Client and GraphQL
Stars: ✭ 257 (-18.93%)
Mutual labels: graphql, apollo-client
react-movies-finder
React Movies finder is a React app to search movies and series using redux, redux-thunk, React Hooks, and Material UI
Stars: ✭ 27 (-91.48%)
Mutual labels: material-ui, redux-thunk
Threejs Webpack Es6 Boilerplate
A basic boilerplate for a Three.js project compiled with Webpack and transpiled via Babel to enable using ES6 syntax.
Stars: ✭ 267 (-15.77%)
Mutual labels: eslint, babel
edgestack
[UNMAINTAINED] A Universal React Stack with deeply integrated localization Support, semi-automatic route-based code splitting, Hot Module Reloading (HMR), Redux, Apollo GraphQL and more...
Stars: ✭ 77 (-75.71%)
Mutual labels: apollo-client, expressjs
Babel Blade
(under new management!) ⛸️Solve the Double Declaration problem with inline GraphQL. Babel plugin/macro that works with any GraphQL client!
Stars: ✭ 266 (-16.09%)
Mutual labels: graphql, babel
React Native Navigation Redux Starter Kit
React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK 😎
Stars: ✭ 271 (-14.51%)
Mutual labels: eslint, babel
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (-10.09%)
Mutual labels: graphql, babel
Next Shopify Storefront
A real-world Shopping Cart built with TypeScript, NextJS, React, Redux, Apollo Client, Shopify Storefront GraphQL API, ... and Material UI.
| ☝️ See my Next Full Stack repository, If you care about Next.js Full Stack Development. |
|---|
Experience
- Using React Hooks instead of React.Component to create stateful components.
- Using Redux Starter Kit to do more work with less code.
- Making Redux working with NextJS with withRedux.tsx higher order component.
- Using
react-reduxhooks instead ofreact-reduxconnect to read and update the store's state. - Using TypeScript static types for Component Props, Reducers, Actions & Services.
- Using GraphQL Code Generator to generate models for TypeScript.
- Working with GraphQL tags faster with Apollo GraphQL for VS Code extension.
- Making Apollo Client working with NextJS including server side and client side.
- Working with Shopify Storefront GraphQL API.
- Making Material UI working with NextJS with withMui.tsx higher order component.
- Configuring Eslint & Prettier to lint and format the source code.
- Deploying NodeJS applications on Heroku.
Hit the Star button if you love this project ⭐️
Demo
You can visit here to see the demo: https://next-shopify-storefront.herokuapp.com/
Usage
Install dependencies
npm install
For development
npm run dev
For production
npm run build
npm start
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].