Examples

Real-world examples and use cases for Velist.

---

Available Examples

• Complete CRUD — Full CRUD with pagination and search
• Authentication — Custom auth implementation
• File Upload — Multi-file upload with progress
• Real-time — Server-Sent Events implementation

---

Quick Snippets

Repository Pattern

export class TaskRepository {
  async findAll() {
    return db.selectFrom('tasks').selectAll().execute()
  }
  
  async findById(id: string) {
    return db.selectFrom('tasks')
      .where('id', '=', id)
      .selectAll()
      .executeTakeFirst()
  }
}

Service with Validation

export const CreateTaskSchema = t.Object({
  title: t.String({ minLength: 1 }),
  status: t.Union([t.Literal('pending'), t.Literal('done')])
})

export class TaskService {
  async create(payload: Static<typeof CreateTaskSchema>) {
    return this.repo.create(payload)
  }
}

API Route

export const taskApi = new Elysia({ prefix: '/tasks' })
  .use(authApi)
  .auth(true)
  .use(inertia())
  
  .get('/', async (ctx) => {
    const tasks = await service.getAll()
    return ctx.inertia.render('tasks/Index', { tasks })
  })

Svelte Page

<script lang="ts">
  interface Props {
    tasks: Array<{ id: string; title: string }>
  }
  let { tasks }: Props = $props()
</script>

<ul>
  {#each tasks as task}
    <li>{task.title}</li>
  {/each}
</ul>