This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Chris Bongers
When setting up a commerce website, you'll likely need a storefront. This will be what the end users will use to order your products.
In the case of Vendure, we are open to creating our own, but luckily for us, they have some fantastic starters already set up.
At the time of writing, they have official starters for:
- Remix
- Vue Storefront
- Next.js
- Angular
Since I started a series on Remix, I have been eager to try that.
Installing the Remix Storefront
To install the Storefront, we can clone the Git repo and install it.
git clone git@github.com:vendure-ecommerce/storefront-remix-starter.git
cd storefront-remix-starter
npm install
Then, create a .env file in the root and point it to our local Vendure server.
VENDURE_API_URL=http://localhost:3001/shop-api
Now go ahead and run the Storefront with: npm run dev.
Note: Make sure your Vendure server is running.
And visit the Storefront on http://localhost:3000/.
Play around with it and try to order some products. You'll see it's blazing fast!
Other options
As mentioned, you can use some other supported Storefronts, which you can find on the Vendure website.
And if you want to use something together, you can take inspiration from any of the existing integrations and create your own new integration.
Since, in the end, they query the API and have no concrete direct implementations in place.
I'm super stoked to see this freedom of front-end in a (headless) commerce system being so well demoed out.
Thank you for reading, and let's connect!
Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter
This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Chris Bongers
Chris Bongers | Sciencx (2022-12-14T06:09:47+00:00) Vendure – Storefronts. Retrieved from https://www.scien.cx/2022/12/14/vendure-storefronts/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.