next-intl
next-saas-starter
Our great sponsors
next-intl | next-saas-starter | |
---|---|---|
6 | 12 | |
1,749 | 1,160 | |
- | 6.2% | |
9.6 | 5.7 | |
6 days ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
next-intl
-
Implementing Internationalization (i18n) in Next.js 14 using App Router
next-intl Library: https://github.com/amannn/next-intl
- How next-intl Works
-
Localized tRPC errors
We start with a project that was bootstrapped with create-t3-app. For internationalization we use next-intl and set it up as described in the getting started guide. With this initial project setup we can jump into implementing localized error messages.
-
Translating zod errors with next-intl
When starting a new project with Next.js these days, next-intl and zod are my go to libraries for internationalization and schema validation, respectively. Of course, when using zod for client-facing validations I would like to translate potential error messages. The package zod-i18n can be used to achieve this for i18next, a popular alternative internationalization library. This means that by using this library as starting point one can quickly achieve zod translation with next-intl.
-
Next.js internationalization (i18n) tutorial
As we mentioned earlier, the Next.js works well with existing i18n libraries (react-intl, lingui, next-intl, and similar). In this tutorial, we will use the react-intl.
-
i18n and Next.js
next-intl
next-saas-starter
- Recommendation for Nextjs SaaS dashboard starter?
-
I built open-sourced Responsive Next.js landing page template with TypeScript and StyledComponents. Custom pages like pricing, contact, blog, etc. Integrates with Mailchimp & Sendgrid! Link in comments
Thanks! Do you mean the slider with partners logos? https://github.com/Blazity/next-saas-starter/blob/master/views/HomePage/Partners.tsx
-
Made a completely free landing page template for you!
Github: https://github.com/Blazity/next-saas-starter
-
⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.
And here's the demo: https://next-saas-starter-ashy.vercel.app/ :D
Checkout the source code https://github.com/Blazity/next-saas-starter (stars are greatly appreciated :D). It contains far more pages and components than the ones showed on homepage, so please checkout other pages too :D
- ⚡️ Free Next.js responsive landing page for SaaS products made using JAMStack architecture.
- Free landing page made with Next.js and styled components. Perfect SEO, Blog
What are some alternatives?
next-i18next - The easiest way to translate your NextJs apps.
nextarter-chakra - battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup ✨
React Intl - The monorepo home to all of the FormatJS related libraries, most notably react-intl.
Next-JS-Landing-Page-Starter-Template - 🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 14 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
next-translate - Next.js plugin + i18n API for Next.js 🌍 - Load page translations and use them in an easy way!
nextjs-ts-mui5-scss-storybook-starter - Next.js + TypeScript + Material UI v5 + Sass + Storybook starter
nestjs-localization - Nestjs localization provides a convenient way to retrieve strings in various languages, allowing you to easily support multiple languages within your application.
nextjs-typescript-postgresql-graphql-realtime-chat - WunderGraph Realtime Chat Example using NextJS, TypeScript, PostgreSQL, GraphQL
react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
next-intl-zod
productlog-nextjs-theme - NextJS-based changelog theme for your product