OneShopper

Kick off your Ecommerce Website with OneShopper project you can build you site with this, We have used Gatsby + Contenful and snipcart.
Live Demo:
https://oneshopper.netlify.com

🚀 Quick start

1. Setup this site.
   Use the Gatsby CLI to Clone this site.

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

2. Setup Contentful Models
   Use contentful-cli to import the models from oneshopper.json

   contentful space --space-id <CONTENTFUL_SPACE_ID> import --content-file oneshopper.json
   

   <p>
     Checkout my below blog how to Import and Export data from ContentFul<br /> <a rel="nofollow noopener" target="_blank" href="https://rohitgupta.netlify.app/import-and-export-data-with-contentful-cli">https://rohitgupta.netlify.app/import-and-export-data-with-contentful-cli</a> </li> 
     
     <li>
       <strong>Setup your Own Configure Projects.</strong><br /> Enter your own key<br /> <a rel="nofollow noopener" target="_blank" href="https://be.contentful.com/login">ContentFul</a>:</p> <ul dir="auto">
         <li>
           spaceId = <strong>Key</strong>
         </li>
         <li>
           accessToken = <strong>Key</strong>
         </li>
       </ul>
       
       <p>
         <a rel="nofollow noopener" target="_blank" href="https://app.snipcart.com/">snipcart</a>:
       </p>
       
       <ul dir="auto">
         <li>
           snipcart = <strong>Key</strong>
         </li>
       </ul>
     </li>
     
     <li>
       <strong>Start developing.</strong><br /> Navigate into your new site’s directory and start it up.</p> <pre>cd OneShopper
   

   npm install gatsby develop

  <li>
    <strong>Open the source code and start editing!</strong><br /> Your site is now running at <code>http://localhost:8000</code>!<br /> Note: You&#8217;ll also see a second link: <code>http://localhost:8000/___graphql</code>. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the <a rel="nofollow noopener" target="_blank" href="https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql">Gatsby tutorial</a>.<br /> Open the <code>OneShopper</code> directory in your code editor of choice and edit <code>src/pages/index.js</code>. Save your changes and the browser will update in real time!
  </li></ol> 
  
  <h2 dir="auto">
    <a rel="nofollow noopener" target="_blank" id="user-content--learning-gatsby" class="anchor" aria-hidden="true" href="#-learning-gatsby"></a>🎓 Learning Gatsby
  </h2>
  
  <p>
    Looking for more guidance? Full documentation for Gatsby lives <a rel="nofollow noopener" target="_blank" href="https://www.gatsbyjs.org/">on the website</a>. Here are some places to start:
  </p>
  
  <ul dir="auto">
    <li>
      <strong>For most developers, we recommend starting with our <a rel="nofollow noopener" target="_blank" href="https://www.gatsbyjs.org/tutorial/">in-depth tutorial for creating a site with Gatsby</a>.</strong> It starts with zero assumptions about your level of ability and walks through every step of the process.
    </li>
    <li>
      <strong>To dive straight into code samples, head <a rel="nofollow noopener" target="_blank" href="https://www.gatsbyjs.org/docs/">to our documentation</a>.</strong> In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.
    </li>
  </ul>
  
  <h2 dir="auto">
    <a rel="nofollow noopener" target="_blank" id="user-content--deploy" class="anchor" aria-hidden="true" href="#-deploy"></a>💫 Deploy
  </h2>