Git Product home page Git Product logo

ecomplus / storefront-starter Goto Github PK

View Code? Open in Web Editor NEW
50.0 8.0 22.0 22.36 MB

:shopping: :zap: PWA & JAMstack (ISG) eCommerce quickstart with totally customizable yet upgradable template

Home Page: https://ecomplus-storefront.netlify.com

License: Apache License 2.0

JavaScript 1.69% CSS 7.69% SCSS 0.12% EJS 90.50%
pwa storefront ecomplus pwa-ecommerce shop shopping-cart checkout ecommerce-store jamstack-site e-commerce

storefront-starter's Introduction

Storefront Starter

Netlify Status CodeFactor License Apache-2.0

πŸ›οΈ πŸš€ PWA and JAMstack based e-commerce template for E-Com Plus stores

Getting started

To get started easily, you should have a E-Com Plus store (free for dev), then deploy your new e-commerce to Netlify.

Deploy to Netlify

When creating your new site on Netlify, we recommend choosing dist as branch to deploy with no build settings.

You can also deploy from master to take advantage of deploy previews, but using dist branch you'll consume fewer build minutes on your Netlify plan.

The easier way

Deploy to Netlify

The better way

  1. Use this template to generate a new repository for your store;
  2. Set your own E-Com Plus Store ID at content/settings.json and commit with message Setup store. Wait up to 3 minutes for the first build process;
  3. Log in to Netlify and create a new site from Git choosing your generated repository;
  4. Select dist as branch to deploy field and keep basic build settings fields empty;
  5. Enable Netlify Identify, add invite users by email to administrate your storefront, you may start adding your own email address;
  6. Enable Netlify Git Gateway;
  7. To ensure Git Gateway settings, go to your Netlify site's deploys and click trigger deply > clear cache and deploy site;

Access CMS

Storefront comes with Netlify CMS for administration.

After your site is deployed, you should receive an invitation email from Netlify to grant CMS access. You must click the email link, then you should create a new password on a pop-up opened on your new e-commerce homepage.

At the end of this process you'll be able to login to CMS at /admin/ URL using your e-mail and password.

Documentation

πŸ“ƒ Storefront reference Β· πŸ“ Customization guide Β· Template changelog Β· Forum πŸ‡§πŸ‡·

E-Com Plus Storefront banner

Free for dev

In addition to the open source Storefront, we provide our SaaS platform and apps for free for developers registered in our partnership program or to work with open source projects πŸ˜„

To request, contact [email protected].

storefront-starter's People

Contributors

actions-user avatar delokman avatar dependabot-preview[bot] avatar e-com-plus-storefront[bot] avatar github-actions[bot] avatar leomp12 avatar renovate-bot avatar renovate[bot] avatar thiagoabreudev avatar vitorrgg avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

storefront-starter's Issues

Your .dependabot/config.yml contained invalid details

Dependabot encountered the following error when parsing your .dependabot/config.yml:

Automerging is not enabled for this account. You can enable it from the [account settings](https://app.dependabot.com/accounts/ecomclub/settings) screen in your Dependabot dashboard.

Please update the config file to conform with Dependabot's specification using our docs and online validator.

Substituir npm com yarn

Muitos conflitos estranhos e dependΓͺncias duplicadas atualmente com npm πŸ›

Yarn 🀞

Talvez isso ajude a manter minha sanidade

Dependabot can't resolve your JavaScript dependency files

Dependabot can't resolve your JavaScript dependency files.

As a result, Dependabot couldn't update your dependencies.

The error Dependabot encountered was:

Error whilst updating @ecomplus/storefront-template in /package-lock.json:
No matching version found for @ecomplus/storefront-components@^1.0.0-beta.74.

If you think the above is an error on Dependabot's side please don't hesitate to get in touch - we'll do whatever we can to fix it.

View the update logs.

Social preview banner

Seria bacana um banner mais descritivo/atrativo, talvez um print da loja com algumas coisas legais escritas πŸ’…

Atualmente tem sΓ³ o logo:

og-img

Your .dependabot/config.yml contained invalid details

Dependabot encountered the following error when parsing your .dependabot/config.yml:

Automerging is not enabled for this account. You can enable it from the [account settings](https://app.dependabot.com/accounts/ecomplus/settings) screen in your Dependabot dashboard.

Please update the config file to conform with Dependabot's specification using our docs and online validator.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

Detected dependencies

github-actions
.github/workflows/.firebase/build-and-deploy.yml
  • actions/checkout v2
  • actions/setup-node v2
  • actions/cache v4
  • lots0logs/gh-action-get-changed-files 2.2.2
.github/workflows/automerge.yml
  • actions/github-script v6
.github/workflows/build-and-deploy.yml
  • actions/checkout v4
  • actions/setup-node v4
  • actions/cache v4
  • actions/cache v4
  • lots0logs/gh-action-get-changed-files 2.2.2
  • actions/cache v4
.github/workflows/init-repository.yml
  • actions/checkout v4
.github/workflows/optimize-and-merge.yml
  • actions/checkout v4
  • actions/github-script v6
.github/workflows/update-views.yml
  • actions/checkout v4
npm
.functions/package.json
  • @ecomplus/storefront-renderer ^2.11.5
  • firebase-admin ^11.11.1
  • firebase-functions ^4.9.0
  • node 16.20.2
  • npm ^8.19.4
.netlify/functions/ssr/package.json
  • @ecomplus/storefront-renderer ^2.11.5
  • node 16.20.2
  • npm ^8.19.4
package.json
  • @ecomplus/storefront-template ^2.0.0-beta.264
  • @netlify/zip-it-and-ship-it ^8.10.0
  • firebase-tools ^11.30.0
  • browser-sync ^3.0.2
  • node 16.20.2
  • npm ^8.19.4
nvm
.nvmrc
  • node 16.20.2

  • Check this box to trigger a request for Renovate to run again on this repository

Your .dependabot/config.yml contained invalid details

Dependabot encountered the following error when parsing your .dependabot/config.yml:

Automerging is not enabled for this account. You can enable it from the [account settings](https://app.dependabot.com/accounts/ecomplus/settings) screen in your Dependabot dashboard.

Please update the config file to conform with Dependabot's specification using our docs and online validator.

Create views locally and use git to update stores

First mention on Storefront customization RFC ecomplus/storefront#177 (comment) .

The problem

With current approach (EJS includes from template views), merchants and partners have to copy EJS (pages) code from template source, paste on respective store repo, and then edit part of code.
It's not intuitive and entire copied view (not only the edited snipped) will be no more updated πŸ˜‘

Suggested solution

  • Create all views locally instead of including from template:

    1. EJS code should be copied from template, but simpler always then possible, with partials only for replicated code;
    2. After template fixes/feats, local views should be manually updated as well (the bad part);
  • Create a workflow to update views on store repositories based on Storefront Starter:

git subtree pull https://github.com/ecomplus/storefront-starter master --squash
grep -lr '<<<<<<<' . | xargs git checkout --ours

⚠️ Code above is just an idea, must be tested.

Note: it should be implemented on v2-proposal branch.

Optimize sample images

Sample banners are so big and not compressed, we may resize it to more or less 1400px width and compress with Tinypng or something.

Error while running "npm run serve"

TypeError: slugs.catch(...).then(...).finally is not a function at recursive (...\storefront\node_modules@ecomplus\storefront-framework\src\webpack.config.js:203:21)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.