Language selector with Tailwind and flag-icons

This is an example of using Next.js with Tailwind CSS and SimpleLocalize with flag-icons for language selector.

Preview

Selector code is in src/components/LanguageSelector.tsx and src/components/LanguageSelector.module.css

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

Name		Name	Last commit message	Last commit date
Latest commit History 2 Commits
public		public
repo		repo
src		src
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
i18n.ts		i18n.ts
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
simplelocalize-nextjs-language-selector.iml		simplelocalize-nextjs-language-selector.iml
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json