KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #codex #ai-agents #claude-code #dsh #dsh-plugin #cli #macos #ai-agent #deepseek-harness #open-source

OneShopper

★ 88 Open GitHub ↗

This is repository create for Ecommerce site With Gatsby js

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
    <a href="https://oneshopper.netlify.com/">
      <img alt="OneShopper" src="https://github.com/Rohitguptab/OneShopper/blob/master/src/images/oneshopper-logo.png" width="200" />
    </a>
  </p>
  <h1 align="center">
    OneShopper
  </h1>
  <img src="https://github.com/rohitguptab/OneShopper/blob/master/docs/screenshot.jpg" />

Kick off your Ecommerce Website with OneShopper project you can build you site with this, We have used [Gatsby](https://www.gatsbyjs.org/) + [Contenful](https://www.gatsbyjs.org/packages/gatsby-source-contentful/?=Contenful) and [snipcart](https://www.gatsbyjs.org/packages/gatsby-plugin-snipcart/?=snipcart).
  
  Live Demo:
  https://oneshopper.netlify.com

## 🚀 Quick start

1.  **Setup this site.**

Use the Gatsby CLI to Clone this site.

```sh
      # Clone this Repositories
      gatsby new OneShopper https://github.com/Rohitguptab/OneShopper.git
      ```

1.  **Setup Contentful Models**

Use [contentful-cli](https://github.com/contentful/contentful-cli) to import the models from oneshopper.json

```
      contentful space --space-id <CONTENTFUL_SPACE_ID> import --content-file oneshopper.json
      ```
      
      Checkout my below blog how to Import and Export data from ContentFul
      
      [https://rohitgupta.netlify.app/import-and-export-data-with-contentful-cli](https://rohitgupta.netlify.app/import-and-export-data-with-contentful-cli)

1.  **Setup your Own Configure Projects.**

Enter your own key

[ContentFul](https://be.contentful.com/login):
      - spaceId = **Key**
      - accessToken = **Key**

[snipcart](https://app.snipcart.com/):
      - snipcart = **Key**

1.  **Start developing.**

Navigate into your new site’s directory and start it up.

```sh
      cd OneShopper
      npm install
      gatsby develop
      ```

1.  **Open the source code and start editing!**

Your site is now running at `http://localhost:8000`!

_Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

Open the `OneShopper` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!

## 🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:

- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.

- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.

## 💫 Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Rohitguptab/OneShopper)

OneShopper

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README