Files
dioxus/example-projects/ecommerce-site/README.md
T
Daniel Emod KovacsandJonathan Kelley 4276b9b23e feat: update examples to tailwind v4 (#3943)
* feat: update examples to tailwind v4

---------

Co-authored-by: Jonathan Kelley <jkelleyrtp@gmail.com>
2025-05-30 19:51:27 +02:00

795 B

Dioxus Example: An e-commerce site using the FakeStoreAPI

This example app is a fullstack web application leveraging the FakeStoreAPI and Tailwind CSS.

Demo Image

Development

  1. Run the following commands to serve the application:
dx serve

Note that in Dioxus 0.7, the Tailwind watcher is initialized automatically if a tailwind.css file is find in your app's root.

Status

This is a work in progress. The following features are currently implemented:

  • A homepage with a list of products dynamically fetched from the FakeStoreAPI (rendered using SSR)
  • A product detail page with details about a product (rendered using LiveView)
  • A cart page
  • A checkout page
  • A login page