Webshop

LENTO
Webshop for ethical fashion.

Lento is a fashion Webshop for men, together with my business partner we aim to be a one-stop shop for men's fashion that you cannot find in the regular stores. We aim to build a brand that is sustainable and ethical. We want to be a brand that is transparent about where our products are made and how they are made. The clothing is unique and looks and is made for men that want to stand out in a crowd with a conscious mind.

I've built this using NextJS as storefront for Shopify. Using shopify as a headless CMS. The Webshop is soon to be launched. A small side note here is that I've started to build my own Webshop API as a Laravel Backend (because I thought it was fun to do), the downside was that it takes too much time to build and maintain, anyway, back to the story.

NextJS allows a developer to use the power of React, and make pre-build pages. Pre-building pages has three major benefits.

  • Quicker page loads.
  • Better SEO.
  • API and Frontend in one
The two first points have SEO benefits. Page speed improves your ranking in Google and pre-building pages makes sure you don't need Javascript active for a computer to understand what the page is about, of course that Javascript will be loaded when a user is really interacting with the page.

The API and frontend in one is a major benefit, it allows 'secrets' to be stored in the same project. Thus tightly coupling the API and the frontend, which is a major benefit in terms of maintainability.

These factors have a major impact in how the web is evolving and how the future of Web shop building will look like.

To reduce operational costs, I've decided to be almost as independent on external platforms as possible (initially I even had the idea to implement a simple backend to add products and categories). This gave me the opportunity to experiment with new technologies (e.g., self-hosted open source projects), see the list below of what I've worked with to make this work.

Experiences gained here:

  • NextJS
  • Deepening my knowledge of React.
  • This is a self-hosted open source project that is able to run arbitrary code on your server. Allowing automatic builds and deployments.
  • Self-hosted private docker registry.
  • GraphQL (using shopify API)
  • Drone for CI/CD.
  • Docker swarm, Docker Networking.
  • I already have extensive knowledge of Docker except now I wanted to experiment with rolling releases.
  • Because our requirements were that also non-programmers should be able to edit pages, I've chosen to work with Builder.io. This platform allows you to mix your React Components and still be able to 'click and drag' some pages. This is very convenient to keep the tech lower at pages where you get often page updates that can be done by a marketeer instead of a programmer.

Company

LENTO

Time active

January 2020 - Present

AVAILABLE FOR FREELANCE PROJECTS

Do you have a project in mind? Let's talk.