Set up your development environment to start building presentations with Narro.
Prerequisites
- Node.js 18.0 or higher
- npm, pnpm, or yarn package manager
- A code editor (VS Code recommended)
Create a New Project
npx @reactslides/cli create my-presentationThis will prompt you to choose a template and set up your project.
Available Templates
npx @reactslides/cli create my-slides --template minimalnpx @reactslides/cli create my-slides --template corporatenpx @reactslides/cli create my-slides --template developernpx @reactslides/cli create my-slides --template creativenpx @reactslides/cli create my-slides --template markdown
Project Structure
bash
my-presentation/
├── src/
│ ├── App.tsx # Main presentation component
│ ├── slides/ # Individual slide components
│ │ ├── Intro.tsx
│ │ ├── Features.tsx
│ │ └── Conclusion.tsx
│ └── main.tsx # Entry point
├── public/ # Static assets
├── package.json
├── tsconfig.json
└── vite.config.tsStart Development
Terminal
npm run devOpen http://localhost:5173 to see your presentation.