SvelteKit + Turso
SvelteKit 프로젝트에 Turso를 몇 분 만에 세팅하는 방법이에요. SDK 설치부터 자격 증명 설정, 클라이언트 구성, SQL 실행까지 순서대로 따라오세요.
출처: 문서
본문
Prerequisites
시작하기 전에 다음을 확인하세요:
- Turso CLI 설치
- Turso 가입 또는 로그인
- SvelteKit 앱 — 자세히 보기
Install the libSQL SDK
@libsql/client 패키지를 설치하면 돼요: npm install @libsql/client
Configure database credentials
데이터베이스 자격 증명(URL과 인증 토큰)을 받아서 환경 변수로 저장해 두세요.
Configure libSQL Client.
Node.js / Serverless
import { TURSO_DATABASE_URL, TURSO_AUTH_TOKEN } from "$env/static/private";
import { createClient } from "@libsql/client";
export const turso = createClient({
url: TURSO_DATABASE_URL,
authToken: TURSO_AUTH_TOKEN,
});
Edge Runtimes
import { TURSO_DATABASE_URL, TURSO_AUTH_TOKEN } from "$env/static/private";
import { createClient } from "@libsql/client/web";
export const turso = createClient({
url: TURSO_DATABASE_URL,
authToken: TURSO_AUTH_TOKEN,
});
Execute SQL
src/routes/+page.server.ts
import { turso } from "$lib/turso.server";
export async function load() {
const { rows } = await turso.execute("SELECT * FROM table_name");
return { rows };
}
src/routes/+page.svelte
<script lang="ts">
export let data
</script>
<ul>
{#each data.rows as row}
<li>{row.id}</li>
{/each}
</ul>
Examples
Blog — 전체 소스 코드를 확인할 수 있어요.
더 알아보기 (Learn more)
- TypeScript SDK 퀵스타트 — SDK 기본 흐름 익히기
- TypeScript SDK 레퍼런스 — 전체 API 살펴보기
- Astro 가이드 — 다른 프레임워크 조합 보기
- 데이터베이스 자격 증명 — URL과 토큰 발급 방법