GithubHelp home page GithubHelp logo

sapper-ecommerce's Introduction

The elastic search is down. Hence you may receive product not found error. Trying to get it up as early as possible

On sapper/svelte version bump do the following else it will show error while navigating on home page with carousel

Whos knows whether this will work out of the box!

node_modules/svelte/internal/index.mjs

sveltejs/svelte#2086

function detach(node) {
    if(node.parentNode){
        node.parentNode.removeChild(node);
    }
}

Svelte Commerce - Attach Svelte store front to any ecommerce API (e.g. Litekart, Magento, Moltin, Shopify ...)

version Branch stable Branch Develop Branch Develop

Home Page Detail Page Search Page
Empty Cart Login Page Filters

Built for speed

Following are the test results when all servers (Elasticsearch, Node, Static Server, Client) give a ping response <100 ms. The demo app hopyshopy.com is hosted at Mumbai (India), If you are testing from another country, the results my vary.

Solution to the above issue is to use a CDN. I am trying to find sponcers to migrate all to a CDN in near future.

Google Lighthouse/Pagespeed Audit Score (Search Page)

Google Lighthouse/Pagespeed Audit Score (Detail Page)

What is Litekart?

  • Litekart is a storefront for your existing eCommerce.
  • It is possible to connect with any eCommerce backend
  • No need to make a big leap or invest huge amount. Just take this opend source project and attach to existing backend.

Installation

Install - NodeJS - Yarn - Git

git clone https://github.com/itswadesh/sapper-ecommerce.git
cd sapper-ecommerce
yarn
yarn dev

Thats all !

Open http://localhost:4400 on chrome. Your app should be live

Deployment

Deploy to Netlify

Deploy to Netlify

Setup devops/live.js (Change according to your hosting envirnoment)

const PM2_NAME = 'h'
const REMOTE_DIR = '/var/www/hopyshopy/www'
const REMOTE_host = '165.22.222.60'
const REMOTE_USER = 'root'

Rename sample.env to .env and enter your server private key

Next

yarn live

Configurations

If required change src/config.js according to your requirement

Features

  • TailwindCSS Integrated
  • Server Rendered
  • Proxy + API integrated
  • Lazy loading images
  • Animations (Page transition)
  • Login
  • Cart & Checkout
  • Settings from database
  • Stores
  • SEO optimized pages
  • Carousel (Slider)
  • Loading Indicators
  • Componentized Checkbox, Radio, Textbox
  • Instant Search
  • Faceted filters
  • 1 click deploy to live server
  • API calls
  • Skeletons
  • Responsive
  • Fontawesome
  • PWA
  • >90 PWA score
  • filters: First, Date, Truncate, Currency
  • Generate production version files with css minified
  • PUT, POST, DELETE calls with Bearer Authorization
  • Storing tokens into cookie
  • Loader on route change with 100ms delay
  • Integrated Google Analytics

If you like my work, please consider supporting me with your kind contribution. Thank you!!!

Paypal

sapper-ecommerce's People

Contributors

dependabot[bot] avatar itswadesh avatar seanogor avatar

Watchers

 avatar  avatar

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.