Tuesday 17 December 2019

Litekart - Fastest Javascript Ecommerce using Svelte/Sapper

Litekart is the fastest e-commerce built using javascript fullstack (NodeJS + MongoDB). The server rendered mode increases the SEO power of the e-commerce. Attach any e-commerce backend and you are live. For a live running ecommerce using the technology have a look at HopyshopyBuilt for speedFollowing 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)​https://preview.redd.it/36p7cl3a96541.jpg?width=1086&format=pjpg&auto=webp&s=96634e59af0fa2bc61f024300b29657614de2724Google Lighthouse/Pagespeed Audit Score (Detail Page)​https://preview.redd.it/rfffgm0b96541.jpg?width=1077&format=pjpg&auto=webp&s=340a02947a4ad8e03e527f7c94c7a805cb2bc112What is Litekart?Litekart is a storefront for your existing eCommerce.It is possible to connect with any eCommerce backendNo need to make a big leap or invest huge amount. Just take this opend source project and attach to existing backend.InstallationInstall - NodeJS - Yarn - Gitgit 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 liveDeploymentSetup 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 keyNextyarn live ​https://preview.redd.it/o2vapr6m96541.jpg?width=433&format=pjpg&auto=webp&s=dd87353fa91f06f03b69a06543910750bdf70b9bConfigurationsIf required change src/config.jsaccording to your requirementFeaturesTailwindCSS IntegratedServer RenderedProxy + API integratedLazy loading imagesAnimations (Page transition)LoginCart & CheckoutSettings from databaseStoresSEO optimized pagesCarousel (Slider)Loading IndicatorsComponentized Checkbox, Radio, TextboxInstant SearchFaceted filters1 click deploy to live serverAPI callsSkeletonsResponsiveFontawesomePWA>90PWA scorefilters: First, Date, Truncate, CurrencyGenerate production version files with css minifiedPUT, POST, DELETE calls with Bearer AuthorizationStoring tokens into cookieLoader on route change with 100ms delayIntegrated Google Analytics

Submitted December 17, 2019 at 10:47AM by itswadesh

No comments:

Post a Comment