Remix 프레임워크 — 웹 표준 기반 풀스택 개발

Remix의 철학

Remix는 웹 표준(Request, Response, FormData)을 최대한 활용합니다. 프레임워크에 종속되지 않는 코드를 작성할 수 있습니다.

로더와 액션

export async function loader({ params }: LoaderFunctionArgs) {
  const post = await db.post.findUnique({ where: { id: params.id } });
  if (!post) throw new Response("Not Found", { status: 404 });
  return json({ post });
}

export async function action({ request }: ActionFunctionArgs) {
  const formData = await request.formData();
  const title = formData.get("title");
  await db.post.create({ data: { title } });
  return redirect("/posts");
}