import { Suspense } from 'react'; import { fetchWordsByToneAndSyllables } from '@/actions/tones'; import ToneSelectorClient from '@/components/tones/ToneSelectorClient'; import { Skeleton } from '@/components/ui/skeleton'; // For Suspense fallback export const getConfig = async () => { return { render: 'static', // Or 'dynamic' if you prefer SSR for every request }; }; // Function to fetch the initial word on the server async function InitialWordLoader() { // Fetch a random 1-syllable Thai word with any tone initially const initialWord = await fetchWordsByToneAndSyllables(1, [null]); return ; } // Loading fallback component function TonePageSkeleton() { return (
); } export default function TonesPage() { return (
}>
); } export const metadata = { title: 'Thai Tone Explorer', description: 'Explore Thai words by syllable count and tones.', };