Server Development

Prerequisites

Please refer to the Environment Setup guide to set up the development environment.

Development Tools

Storyteller is primarily a Next.js server and also relies on additional libraries for the database and AI transcription engine. It’s helpful to be familiar with technologies used throughout the project:

Frontend Technologies

• TypeScript is used for both frontend and backend.
• React with Mantine v7 as the component library.
• Tailwind CSS for styling. See how we combine Mantine with Tailwind in the Development Guidelines.

Backend Technologies

• SQLite as the database, using better-sqlite3 as the driver.
• Piscina for worker thread distribution.
• Echogarden for transcription.

Running the Development Servers

To run the dev server using the project root as the data directory (where assets and the database files live):

STORYTELLER_DATA_DIR=$(pwd) yarn dev:web