## Example of using Neverthrow and useSwr ### RSC for blogs ```typescriptreact // src/app/(pages)/(noimportant-pages)/blog/page.tsx import { getPosts } from '@/backend/nocodb/blog'; import { DebugInfo } from '@/lib/utils'; import ClientPage from './client'; export const dynamic = 'force-static'; const Page = async () => { const result = await getPosts(); return (

All posts

{result.match( (posts) => ( ), (error) => ( <> error happend as server: ) )}

); }; export default Page; ``` ### RCC for blogs using useSwr ```typescriptreact // src/app/(pages)/(noimportant-pages)/blog/client.tsx 'use client'; import { Loader2 } from 'lucide-react'; import Link from 'next/link'; import useSWR from 'swr'; import { getPosts } from '@/backend/nocodb/blog'; import type { PostPaginated } from '@/backend/nocodb/blog/type'; interface Props { initialData: PostPaginated; } const fetcher = async () => { const result = await getPosts(); return result.match( (data) => data, (error) => { throw error; } ); }; function ClientPage(props: Props) { const { data: posts, error, isLoading, } = useSWR('/api/posts', fetcher, { fallbackData: props.initialData, dedupingInterval: 5 * 60 * 1000, // 5min cache keepPreviousData: true, // Smooth transitions during filtering }); if (isLoading) { return ; } if (error) { return

Error

; } return (

{posts?.list ? (

{item.title} created at: {new Date(item.CreatedAt).toLocaleString()} {item.UpdatedAt && ( updated at: {new Date(item.UpdatedAt).toLocaleString()} )}

) : (

No post found.

)}

); } export default ClientPage; ```