On sapper/svelte version bump do the following else it will show error while navigating on home page with carousel
node_modules/svelte/internal/index.mjs
https://github.com/sveltejs/svelte/issues/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 ...)
, -------------------------------------------------------------------------------------------------------------------, ----------------------------------------------------------------------------------------------------------------, ----------------------------------------------------------------------------------------------------------------, 
, 
, 
, 
, 
, 
, # 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
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
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
>90PWA 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