/nextjs-ssg

Next.js and the static site generation support

Primary LanguageTypeScriptISC LicenseISC

Next.js (SSG) + Tailwind CSS (postcss, sass, clsx) + TypeScript + i18next : Starter

Next.js SSG - Static Site Generation

This is a Next.js project bootstrapped with create-next-app.

npx create-next-app nextjs-ssg --use-npm

ℹ️  use the node.js v16 LTS

Bootstrap a new project using this template

You can do it following one of the 2 options bellow:

1. Using create-next-app

npx create-next-app -e https://github.com/erkobridee/nextjs-ssg ${new project name}

2. Use this repository as template

use this template

Creating a repository from a template | GitHub Docs

Getting Started

First, run the development server:

npm start

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

Bundle Analize

npm run bundle-analyze

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Useful links

TypeScript

npm install --save-dev typescript @types/react @types/node

Testing

i18n

the next.js doesn't support natively i18n on the static site generation on the v10 - i18n with next export calls getStaticProps for each defined lang, but then errors #18318

said that, we need to use the react side i18n approach

npm i --save i18next i18next-browser-languagedetector react-i18next

i18next plugins that doesn't work with next.js

TailwindCSS

pt_Br