For example, in one small file, two functions, you have a reactive UI, styling (Tailwind), backend with database fetching, routing, and deployment handled:
async function getPostsFromDb() {
return await prisma.posts.findMany();
}export default async function PostsPage() {
const posts= await getPostsFromDb();
return (
{posts.map((post) => {
return (
);
})}
);
}