/sapper-ecommerce

Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, 1 command deploy to production, Open Source, MIT license. Join us as contributor (swadesh@litekart.in)

Primary LanguageSvelteMIT LicenseMIT

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