Updates blog example to Next.js 15 and adds types

[vivianedias]

Description

Updates blog example to use Next.js v15, with updated TailwindCSS and types.

When using this boilerplate I had some issues with TailwindCSS dark/light theme toggle, and had to update everything to work it out.

Also updates next.config.ts with transpilePackages: ['next-mdx-remote'] so MDX rendering works, solving this issue.

Demo URL

Type of Change

• [ ] New Example
• [x] Example updates (Bug fixes, new features, etc.)
• [ ] Other (changes to the codebase, but not to examples)

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
app-dir-css-in-js	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
app-dir-i18n	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
app-dir-share-state	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-api-routes-cache-control	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-api-routes-hello-world	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-api-routes-json-response	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-api-routes-query-parameters	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-functions-authed-proxy	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-functions-cookies	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-functions-news	❌ Failed (Inspect)			Oct 27, 2024 0:47am
edge-functions-streams	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-geolocation-country-block	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-middleware-modify-request-header	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
edge-user-agent-based-rendering	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
example-auth-with-ory	❌ Failed (Inspect)			Oct 27, 2024 0:47am
example-reduce-image-bandwidth-usage	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
geolocation-script	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
i18n	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
next-edge-api-route-hello-world	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
next-flask	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
nodejs-api	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
redirect-with-fallback	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
redirects-bloom-filter	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
solutions-combining-data-fetching-strategies	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
solutions-image-fallback	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
solutions-image-offset	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
solutions-loading-web-fonts	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
solutions-microfrontends	❌ Failed (Inspect)			Oct 27, 2024 0:47am
solutions-microfrontends-docs	❌ Failed (Inspect)			Oct 27, 2024 0:47am
solutions-pagination-with-ssg	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
solutions-parallel-routes-navbar	❌ Failed (Inspect)			Oct 27, 2024 0:47am
solutions-reuse-responses	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
solutions-script-component-ad	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
solutions-script-component-strategies	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
solutions-testing	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
wasm-rust-hello-world	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am
wasm-rust-xor	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 0:47am

[vercel[bot]]

Someone is attempting to deploy a commit to the Vercel Examples Team on Vercel.

A member of the Team first needs to authorize it.

[socket-security[bot]]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@types/node@20.17.1	None	0	2.21 MB	types
npm/@types/react-dom@18.3.1	None	0	0 B
npm/@vercel/speed-insights@1.0.14	None	0	282 kB	vercel-release-bot
npm/next-mdx-remote@5.0.0	environment Transitive: filesystem, network	+109	4.49 MB	hashibot-web
npm/sugar-high@0.6.1	None	0	17.4 kB	huozhi

🚮 Removed packages: npm/@types/node@20.11.17, npm/@vercel/analytics@1.1.3, npm/@vercel/speed-insights@1.0.9, npm/next-mdx-remote@4.4.1, npm/next@14.2.0-canary.62, npm/postcss@8.4.35, npm/sugar-high@0.6.0, npm/tailwindcss@4.0.0-alpha.13

View full report↗︎