Nuxt 4 — Vue.js 풀스택의 진화

Nuxt 4 변경사항

// 새로운 디렉토리 구조
my-app/
├── app/
│   ├── pages/
│   ├── components/
│   ├── composables/
│   └── layouts/
├── server/
│   ├── api/
│   └── middleware/
└── nuxt.config.ts

서버 API

// server/api/posts.get.ts
export default defineEventHandler(async (event) => {
  const query = getQuery(event);
  return await db.post.findMany({
    take: Number(query.limit) || 10,
    orderBy: { createdAt: "desc" },
  });
});

Nitro 엔진으로 Cloudflare, Vercel, AWS 등 어디서든 배포 가능합니다.