나루에서 만들기

테이블과 쿼리를 써요

마이그레이션이 테이블을 만들고, 쿼리가 읽어서 페이지에 돌려줘요. 페이지는 SDK 주소를 그대로 가져와서 빌드가 필요 없어요.

-- _naru/migrations/0001_posts.sql
CREATE TABLE posts (
  id INTEGER PRIMARY KEY,
  title TEXT NOT NULL,
  created_at INTEGER NOT NULL
);

// _naru/queries/board.js
export async function recent(ctx) {
  const { rows } = await ctx.sql`
    SELECT id, title FROM posts ORDER BY id DESC LIMIT 20`;
  return rows;
}

<!-- index.html -->
<script type="module">
  import { createNaru } from "https://sdk.naru.pub/sdk/1.1.0/naru.js";
  const naru = createNaru();
  const posts = await naru.query("board:recent");
</script>

데이터베이스 가이드 →

내 컴퓨터에서 돌려 봐요

naru-dev가 나루와 같은 엣지에서 페이지와 _naru/를 돌려요. 파일을 고치면 바로 다시 게시하고, 운영자와 회원 로그인은 클릭 한 번이에요.

npx @naru-pub/dev ./site --site demo
# naru-dev: demo at http://localhost:4000/

naru-dev 설명서 →

템플릿으로 공개해요

게시판에 템플릿 글을 쓰고, 내 사이트의 폴더나 GitHub 저장소를 골라요. GitHub에서 공개하면 워크플로가 돌 때마다 새 버전이 올라가고, 커밋 메시지가 버전 설명이 돼요.

# .github/workflows/naru.yml
permissions:
  id-token: write
steps:
  - uses: naru-pub/actions/deploy@v1
    with:
      dir: site
      template-owner: demo