Skip to content

Frontend

The front-end of the shop is responsible for the user interface and user experience. It fetches data directly from commerce engines, content management systems and search engines to render a fast and SEO friendly UI.

At the start of a new project, CoreConnect offer a boilerplate front-end stack, based on Remix. This boilerplate is a one-time duplicate, and from there on can be customised to fit clients need in terms of styling and functionality.

Architecture

Front-end is built with Remix.By default it sets up a Remix project with server-side rendering.

The front-end stack fetches data directly from the commerce engine, content management system and CoreConnect backend to render the site.

In some cases the front-end stack also makes POST requests to create orders or payments. It is the responsibility of these systems to notify the backend platform via a webhook or plugin.

Diagram

Design decisions

  • Front-end is made available as a one-time boilerplate: developer teams are responsible for keeping libraries and functionalities updated once setup
  • Front-end stack is built on Remix: lightweight, optimised for e-commerce, and optimised for server side rendering and data fetching. Not tied to any specific hosting company (unlike NextJS with Vercel)
  • TailwindCSS is optionally made available for styling, not a requirement. See styling for more information.
  • Deployment via docker to fly, Azure or DigitalOcean, or optionally to edge via Vercel, Netlify, etc. See deployment for more information.

Useful links