This is a Next.js starter kit created to be used as a template to start new projects in iO Ghent campus. The idea behind is that you can directly start on working on your project instead of setting up Next.js first.
It contains a lot of useful presets and common components to be used in your project. Using latest technologies and dev tools we allow developers to focus on the project first.
<link rel="alternate" />
for different languages (does not
support translated routes)yarn create next-app --example https://github.com/ioulian/next-io-ghent-starter
yarn dev
pages/index.tsx
and pages/serverside.tsx
src/features/counter
(also from src/store/store.ts
) and src/components/Demo.ts
.env
next-seo.config.js
next-i18next.config.js
src/lib/page-head.tsx
and make sure the favicons are all regenerated. Make
sure "short_name" in public/site.webmanifest
is <= 12 chars.gitignore
Generated files should be enabled if no build step existsIf you want to use redux on the server (authentication for example), you'll need
to convert your app to use SSR on every page where you want to use redux. You'll
want to enable cookie storage for select redux values (in src/store/store.ts
).
If you want to use redux, but with SSG, you should remove HYDRATION from slices.
If you want to use JWT Auth presets, you'll need to use SSR and use AuthFetcher
in pages/_app.tsx
.
On build step, we run some basic production checks. You should disable them if they are not needed.
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!
Issues and TODO's can be found here: https://github.com/ioulian/next-io-ghent-starter/issues
We use export default
in an component, see discussion here: https://esdiscuss.org/topic/moduleimport