Store
HomeShopAboutContact
Demo Application

About This App

A modern e-commerce demo application showcasing a headless architecture built with Solidus (Rails) backend and Next.js frontend.

Architecture Overview

This is a demonstration e-commerce application built with a headless architecture. The backend is powered by Solidus (a Rails-based e-commerce platform), while the frontend is a modern Next.js application.

The Rails API serves as a headless backend, utilizing CORS to enable cross-origin requests from the Next.js frontend, creating a seamless shopping experience with modern web technologies.

Technology Stack

Built with modern, production-ready technologies

Backend

  • • Rails ~> 7.2.0 (Ruby 3.1.2)
  • • Solidus ~> 4.6
  • • Solidus Auth Devise
  • • Solidus Admin
  • • PostgreSQL
  • • Redis

Frontend

  • • Next.js (React Framework)
  • • TypeScript
  • • Tailwind CSS
  • • Framer Motion
  • • Headless Architecture

Services & Infrastructure

  • • Elasticsearch (Search)
  • • AWS S3 (Storage)
  • • CloudFront (CDN)
  • • AWS SES (Email)
  • • Scout APM (Monitoring)

Key Features

Modern e-commerce capabilities powered by Solidus

Advanced Search

Elasticsearch integration for fast, accurate product search with autocomplete and filtering.

Secure Authentication

Devise-based authentication system with secure user management and session handling.

Robust Data Layer

PostgreSQL database with Redis caching for optimal performance and scalability.

Automated Deployment

CI/CD pipeline with CircleCI, Docker containerization, and Kamal for zero-downtime deployments.

Deployment & Infrastructure

CI/CD Pipeline

The application uses CircleCI for continuous integration and deployment. The pipeline handles SSH key decryption, Docker image building, and pushing to Docker Hub, followed by automated Kamal deployment.

Containerization

Built as a Docker image based on ruby:3.1.2-slim with optimized build stages. Kamal manages zero-downtime deployments to EC2, with Traefikas the reverse proxy handling SSL certificates automatically.

Managed Services

Kamal manages the lifecycle of PostgreSQL, Redis, and Elasticsearch containers as accessories, ensuring a complete, production-ready environment with minimal configuration overhead.

Explore the Demo

Experience a modern e-commerce platform built with Solidus and Next.js. Browse products, test the search functionality, and see the headless architecture in action.

Browse ProductsBack to Home