Qwik + Turso
Qwik 프로젝트에 Turso를 몇 분 만에 세팅하는 방법이에요. 통합 추가부터 자격 증명 설정, SQL 실행까지 순서대로 따라오세요.
출처: 문서
본문
Prerequisites
시작하기 전에 다음을 확인하세요:
- Turso CLI 설치
- Turso 가입 또는 로그인
- Qwik 앱 — 자세히 보기
Add Turso Integration
npm run qwik add turso
pnpm qwik add turso
yarn qwik add turso
Configure database credentials
데이터베이스 URL을 받으세요:
turso db show --url <database-name>
데이터베이스 인증 토큰을 받으세요:
turso db tokens create <database-name>
그다음 .env.local 안에서 환경 변수에 자격 증명을 할당하세요.
PRIVATE_TURSO_DATABASE_URL="..."
PRIVATE_TURSO_AUTH_TOKEN="..."
Execute SQL
import { tursoClient } from "~/utils/turso";
export const useFrameworks = routeLoader$(
async (requestEvent: RequestEventBase) => {
const db = tursoClient(requestEvent["env"]);
const { rows } = await db.execute("select * from table_name");
return {
items: rows,
};
},
);
Examples
Social Website — 전체 소스 코드를 확인할 수 있어요.
Shopping Cart — 전체 소스 코드를 확인할 수 있어요.
더 알아보기 (Learn more)
- TypeScript SDK 퀵스타트 — SDK 기본 흐름 익히기
- TypeScript SDK 레퍼런스 — 전체 API 살펴보기
- Remix 가이드 — 다른 프레임워크 조합 보기
- 데이터베이스 자격 증명 — URL과 토큰 발급 방법