Contenido del Curso
Next.js 14
4. Deployment and Database
Next.js 14
Challenge: Skeleton Loader
Your turn! Apply what you've just learned by refactoring the <LatestInvoices>
component.
- Move the
fetchLatestInvoices()
function down from the page to the<LatestInvoices>
component; - Surround the component with a
<Suspense>
boundary, providing a fallback called<LatestInvoicesSkeleton>
.
Try to solve it yourself, but refer to the solution below if you encounter any issues.
app/dashboard/(overview)/page.tsx
app/ui/dashboard/latest-invoices.tsx
In Practice
¿Todo estuvo claro?
Sección 5. Capítulo 7
Contenido del Curso
Next.js 14
4. Deployment and Database
Next.js 14
Challenge: Skeleton Loader
Your turn! Apply what you've just learned by refactoring the <LatestInvoices>
component.
- Move the
fetchLatestInvoices()
function down from the page to the<LatestInvoices>
component; - Surround the component with a
<Suspense>
boundary, providing a fallback called<LatestInvoicesSkeleton>
.
Try to solve it yourself, but refer to the solution below if you encounter any issues.
app/dashboard/(overview)/page.tsx
app/ui/dashboard/latest-invoices.tsx
In Practice
¿Todo estuvo claro?
Sección 5. Capítulo 7