tanstack-start-mui-dark-mode

This repo serves as an example for a Tanstack Start project with MUI and server side dark mode.

Related blog article: Dark Mode in TanStack with MUI

Installation

Clone the repo and then in the project root run:

pnpm i

Local development

From the project root run:

pnpm dev

The server will be running on: http://localhost:3000.

Guide

1. This project was started with TanStack Start - Bare Example

2. Material UI was installed via the default installation

3. zod was installed (required for ColorMode schema)

# Tanstack Start
npx gitpick TanStack/router/tree/main/examples/react/start-bare .

# MUI
pnpm add @mui/material @emotion/react @emotion/styled

# Zod
pnpm add zod