/
README.md.bak
163 lines (130 loc) · 8.77 KB
/
README.md.bak
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
Any queries or guidance, can reach me at
<a href="https://discord.gg/4G7zbcpt" target="blank" rel="noopener noreferrer" aria-label="Click to Discord">Discord</a>
# What is Svelte Commerce?
- Svelte Commerce is a PWA storefront for your existing eCommerce based on Sveltekit.
- It is possible to connect with any eCommerce backend that provides an API
- We are working on adaptors of Medusajs, Shopify, Magento, Woocommerce, Litekart, Bigcommerce
<a href="https://litekart.in/" aria-label="Click to browse litekart">
<img src="https://repository-images.githubusercontent.com/213575283/f577b8bd-8edb-41ba-bfe5-36e65072e1f2" alt/>
</a>
<a href="https://litekart.in/" aria-label="Click to browse litekart">
<img src="https://res.cloudinary.com/itswadesh/image/upload/v1678600224/litekart/free_for_developers_1.png" alt/>
</a>
<br />
<!-- <a href="https://codenx.slack.com" target="blank" rel="noopener noreferrer" aria-label="Click to browse codenx"></a> -->
<a href="https://join.skype.com/invite/aBegFXZGdaPh" target="blank" rel="noopener noreferrer" aria-label="Click to invite on skype"></a>
<a href="https://t.me/itswadesh" target="blank" rel="noopener noreferrer" aria-label="Click to browse twitter account"></a>
- Demo <a href="https://demo.litekart.in/" target="blank" rel="noopener noreferrer">demo.litekart.in</a>
- Svelte commerce in home made FNB sector https://food.misiki.in/ (https://github.com/itswadesh/homefood)
- Svelte commerce in jewellery industry https://varnijewels.com/
- Svelte commerce in fashion industry https://next.trialshot.com/
- Svelte commerce in toys industry https://tablez.com/
- Svelte commerce in mobile cover customization https://next.zapvi.in/
- I can make your existing ecommerce fast and scalable with fastest possible time
- Portfolio <a href="https://itswadesh.com/" target="blank" rel="noopener noreferrer" aria-label="Click to browse portfolio website">itswadesh.com</a>
<br/>
- 🛍️ Attach Svelte store front to <a href="https://admin.litekart.in/" aria-label="Click to brouse svelte store front"> Litekart </a> and your complete ecommerce tech stack becomes free.
- 👥 The demo uses litekart as backend
- 👨🏻💻 Its both SSR and SPA
- 🚀 Superfast
- 🔗 It is possible to connect with any eCommerce backend if the backend has Rest API
- 🔓 Svelte Commerce is free and open source. Download and modify it the way you want
- 🛒 Most of the essential features for ecommerce are already integrated
- 🕒 Save hours of development time setting up an ecommerce store front
- 💰 No need to make a big leap or invest huge amount. Just take this opend source project and attach to existing backend.
- 🐛 If you have discovered a bug or have feature suggestion, feel free to create/join a discussion on Github.
- 👍 I have been supporting this project alone since 2019. Any little code contribution will be appreciated
- ✨ Deployment to Netlify or Vercel with zero-configuration
| | | |
| :---------------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------------: |
| <img src="https://res.cloudinary.com/itswadesh/image/upload/c_scale,f_auto,w_250/v1627577152/sveltekit/svelte-commerce-home.png" alt=""/> | <img src="https://res.cloudinary.com/itswadesh/image/upload/c_scale,f_auto,w_250/v1627577152/sveltekit/svelte-commerce-detail.png" alt=""/> | <img src="https://res.cloudinary.com/itswadesh/image/upload/c_scale,f_auto,w_250/v1627577154/sveltekit/svelte-commerce-cart.png" alt=""/> |
# Latest Updates
## Update 07-February-2023
- 07-February-2023 - Prettified.
- 06-February-2023 - Sveltekit 1.5
- 15-December-2022 - Sveltekit 1.0 - Finally.
- 05-December-2022 - fix: Close message
- 30-November-2022 - Fixed: Coupon apply and remove, Added: Back to top fade animation
- 29-November-2022 - Improved image lazy loading technique
- 29-November-2022 - Added Price and Discount filters to product catalog
- 29-November-2022 - Preload data on link hover
- 25-November-2022 - Service worker added
- 10-November-2022 - Product options introduced
- 04-November-2022 - Added verify pincode / zip
- 03-November-2022 - New slider added for more control over design
- 02-November-2022 - Cleanup unused packages
- 31-October-2022 - Dynamic searchbat text
- 31-October-2022 - Added title, description, keywords
- 27-October-2022 - Improved megamenu layout
- 24-October-2022 - fix: login, order success, failed payment, frequently bought together
- 20-October-2022 - Sentry added
- 20-October-2022 - Zero-configuration Coolify deployment
- 16-October-2022 - SEO attributes Added
- 11-October-2022 - Add to cart animation
- 30-September-2022 - Attached to ResT API Backend, Migrated to new Sveltekit version
- 12-September-2022 - Modal based mobile device search instead of page based
- 12-September-2022 - New fully working theme launched
- 04-September-2022 - Product schema Added
- 26-August-2022 - Added Trending Products section
- 26-April-2022 - Latest SvelteKit version
- 26-April-2022 - Improved image lazy loading
- 26-April-2022 - New Banners section
- 26-April-2022 - New Authentication System
- 26-April-2022 - New Blogs section
- 24-April-2022 - Zero-configuration Vercel deployment
- 22-July-2021 - Integrated with netlify deployment
- 07-May-2021 - Completely Migrated to SvelteKit
# Installation
Install - [NodeJS](https://nodejs.org/en/) - [Yarn](https://yarnpkg.com/en/) - [Git](https://git-scm.com/)
## To start Development
```
git clone https://github.com/itswadesh/svelte-commerce.git
cd svelte-commerce
npm i
cp .env.example .env # You will need to update the values in this .env file
npm run dev
```
Thats all !
Open http://localhost:3000 on chrome. Your app should be live with awesome sveltekit up and running
# Configurations
If required change `config/index.ts` according to your requirement
# Deployment
Click on the button to directly deploy to Netlify or Vercel. Zero configuration required.
<a href="https://app.netlify.com/start/deploy?repository=https://github.com/itswadesh/svelte-commerce" aria-label="Click to deploy into netlify">
<img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to netlify">
</a>
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fitswadesh%2Fsvelte-commerce&demo-title=SvelteKit%20Commerce)
# Features
- Awesome shiny new SvelteKit
- Typescript for rock solid app
- 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)
- Toasts (Notifications)
- Loading Indicators
- Componentized Checkbox, Radio, Textbox
- Instant Search
- Faceted filters
- API calls
- Skeletons
- Responsive
# Contributing
If you like the ideas behind Svelte Commerce and want to become a contributor - [join github discussions](https://github.com/itswadesh/svelte-commerce/discussions/new/choose), check the list of the [active issues](https://github.com/itswadesh/svelte-commerce/issues) or contact me directly via swadesh@litekart.in
Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Open Source
# Support
- Twitter: [@itswadesh](https://twitter.com/itswadesh)
- Telegram: [@itswadesh](https://t.me/itswadesh)
- Email: swadesh@litekart.in
- Discord: [Invitation](https://discord.gg/4G7zbcpt)