Feature: Example With Paraglide JS

[italoalmeida0]

PR Checklist

Please check if your PR fulfills the following requirements:

• Addresses an existing open issue: fixes #___ (if applicable)
• Tests for the changes have been added (for bug fixes / features)

What is the current behavior?

Currently, there is no official example in the SolidStart repository demonstrating how to implement internationalization (i18n) with Paraglide JS. Developers need to figure out the integration on their own, which can be time-consuming and error-prone.

What is the new behavior?

This PR adds a new example to the SolidStart examples directory that demonstrates:

• ✅ Complete integration of Paraglide JS with SolidStart
• ✅ Full SSR support with server-side language detection
• ✅ URL-based language routing (e.g., /en/, /pt/, /de/)
• ✅ Automatic browser language detection
• ✅ Type-safe message system with interpolation
• ✅ Language switcher component
• ✅ Server-side language detection via middleware
• ✅ Proper HTML lang attribute updates (both server and client)
• ✅ SEO-friendly implementation with SSR
• ✅ Modern, responsive UI with dark mode support
• ✅ Organized code structure following best practices

The example includes:

• Core language system (lang/core.ts)
• SSR-friendly language middleware
• Language-aware routing layout
• Localized pages (Home, About, 404)
• Professional CSS with animations
• Message files structure for easy translation

Other information

This example provides a production-ready foundation for building multilingual SolidStart applications. It's fully SSR-compatible, ensuring fast initial page loads and excellent SEO performance. The implementation follows the official Paraglide JS patterns while being fully integrated with SolidStart's routing and SSR systems.

The implementation is lightweight, type-safe, and provides excellent developer experience with auto-completion for all translation keys.

Perfect for developers who need to build international applications with SolidStart! 🌍

[changeset-bot]

⚠️ No Changeset found

Latest commit: 2cfa947

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[netlify]

✅ Deploy Preview for solid-start-landing-page ready!

Name	Link
🔨 Latest commit	2cfa947
🔍 Latest deploy log	https://app.netlify.com/projects/solid-start-landing-page/deploys/68952fba92a8be000821aa33
😎 Deploy Preview	https://deploy-preview-1915--solid-start-landing-page.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[pkg-pr-new]

More templates

• example-bare
• example-basic
• example-experiments
• example-hackernews
• example-notes
• example-todomvc
• example-with-auth
• example-with-authjs
• example-with-drizzle
• example-with-mdx
• example-with-paraglide
• example-with-prisma
• example-with-solid-styled
• example-with-solidbase
• example-with-tailwindcss
• with-tanstack-router
• example-with-trpc
• example-with-unocss
• example-with-vitest

npm i https://pkg.pr.new/@solidjs/start@1915

commit: 2cfa947