This will start the local SpacetimeDB server, publish your module, generate TypeScript bindings, and start the Svelte development server.
</StepText>
<StepCode>

spacetime dev --template svelte-ts

</StepCode>

  The template includes a basic Svelte app connected to SpacetimeDB.
</StepText>

  Edit `spacetimedb/src/index.ts` to add tables and reducers. Edit `src/App.svelte` to build your UI.
</StepText>
<StepCode>

my-spacetime-app/
├── spacetimedb/          # Your SpacetimeDB module
│   └── src/
│       └── index.ts      # Server-side logic
├── src/                  # Svelte frontend
│   ├── App.svelte
│   └── module_bindings/  # Auto-generated types
└── package.json

</StepCode>

  Tables store your data. Reducers are functions that modify data — they're the only way to write to the database.
</StepText>
<StepCode>

import { schema, table, t } from 'spacetimedb/server';

const spacetimedb = schema({
  person: table(
    { public: true },
    {
      name: t.string(),
    }
  ),
});
export default spacetimedb;

export const add = spacetimedb.reducer(
  { name: t.string() },
  (ctx, { name }) => {
    ctx.db.person.insert({ name });
  }
);

export const sayHello = spacetimedb.reducer(ctx => {
  for (const person of ctx.db.person.iter()) {
    console.info(`Hello, ${person.name}!`);
  }
  console.info('Hello, World!');
});

</StepCode>

    </StepCode>
  </Step>
</StepByStep>

## Next steps

- Read the [TypeScript SDK Reference](../../00200-core-concepts/00600-clients/00700-typescript-reference.md) for detailed API docs