My Protected Page
This is a protected page only accessible to authenticated users.
{plannedCards.length ? (
plannedCards.map((card) => (
Empty
)}
);
}
```
--------------------------------
### Next.js Server Component for Dynamic Blog Post Page
Source: https://github.com/roubzzz/ultimate-next-base-documentation/blob/main/docs-v3/guides/asynchronous-data-fetching.md
This Next.js server component demonstrates asynchronous data fetching for a dynamic blog post page. It uses `generateStaticParams` to pre-render paths, `generateMetadata` to set SEO properties based on fetched data, and the default export `BlogPostPage` to fetch and display blog post content using `anonGetPublishedBlogPostBySlug`.
```tsx
import {
anonGetPublishedBlogPostBySlug,
anonGetPublishedBlogPosts,
} from '@/data/anon/internalBlog';
import { Metadata } from 'next';
import { notFound } from 'next/navigation';
import { z } from 'zod';
const paramsSchema = z.object({
slug: z.string(),
});
// Return a list of `params` to populate the [slug] dynamic segment
export async function generateStaticParams() {
const posts = await anonGetPublishedBlogPosts();
return posts.map((post) => ({
slug: post.slug,
}));
}
export async function generateMetadata({
params,
}: {
params: unknown;
}): Promise
{post.cover_image ? (
) : null}
);
} catch (error) {
return notFound();
}
}
```
--------------------------------
### Example of Sending React Email Component via Resend
Source: https://github.com/roubzzz/ultimate-next-base-documentation/blob/main/docs-v3/integrations/resend-and-react-email-integration.md
This snippet demonstrates how to programmatically send the `InvitationToJoin` React email component using the Resend API. It shows the `resend.emails.send` method call, passing the React component directly as the `html` content.
```typescript
import { resend } from '../utils/email';
import InvitationToJoin from '../emails/InvitationToJoin';
// Other logic...
// Send organization invitation email
resend.emails.send({
to: 'recipient@example.com',
from: 'sender@example.com',
subject: 'Invitation to Join',
html: (