A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/

Last update: Aug 4, 2022

Bye bye next boilerplate, welcome to superplate!

It has been a long time since we started next-boilerplate project. We are proud that it helped many frontend developers around the globe to speed up their frontend development cycles.

In time, we took valuable lessons from our experience and the community feedback:

  • There are infinite number of frontend technologies and it's impossible to combine everything in a single boilerplate product.
  • The project is hard to maintain with tons of external dependencies.

To tackle the complexity problem we started a new project from scratch. We call it "superplate" - the frontend boilerplate with superpowers.

It's built on top of a plugin architecture and allows you integrate your own tools and best practices with ease. It also includes more than 30 built-in plugins of your favorite tools.

superplate's default framework is Next.js, so you can start using it immediately instead of next-boilerplate. More framework targets are coming soon.

You may checkout the project from the repo page or documentation.



next-boilerplate

Performance oriented Next.js application boilerplate with Redux, Typescript, Express.js and Sass.


Performance oriented Next.js application boilerplate with Redux, Typescript, Express.js and Sass.


Created by Pankod

About

Next.js is a minimalistic React framework that runs on the browser and the server. It offers developers an easy way to get started, and as it uses React.js for templating, it's also a straightforward way for developers with React experience to get productive quickly.

The advantage of this approach is to be able to create rich user experiences in a uniform way, without compromising SEO (Search Engine Optimisation) factors that are key to good ranking on Google and other search engines.

This boilerplate makes it easier to get up and running with a well-structured Next.js and TypeScript application.


Features

next-boilerplate project provides a lot of features out of the box. Here's an overview of the included components and tools.

  • Next.js - Minimalistic framework for server-rendered React applications.
  • Typescript - Superset of JavaScript which primarily provides optional static typing, classes and interfaces.
  • Redux - A predictable state container for JavaScript apps.
  • Express.js- A minimal and flexible Node.js web application framework that handles server-side rendering and integrates with Next.js.
  • Built-in Project CLI- Create pages, components, actions, reducers with one command by using built-in cli.
  • Sass/Scss - CSS preprocessor, which adds special features such as variables, nested rules and mixins (sometimes referred to as syntactic sugar) into regular CSS.
  • Docker - A tool designed to make it easier to create, deploy, and run applications by using containers.
  • Babel - The compiler for next generation JavaScript.
  • ESLint - The pluggable linting utility.
  • Reverse Proxy - Lightweight server for proxying API requests.
  • Bundler Analyzer - Visualize the size of webpack output files with an interactive zoomable treemap.
  • Jest - Javascript testing framework , created by developers who created React.
  • React Testing Library - Simple and complete React DOM testing utilities that encourage good testing practices.
  • next-runtime-dotenv - Expose environment variables to the runtime config of Next.js
  • next-i18next - An internationalization-framework which provides a function that takes a key, some options, and returns the value for the current language. Helps you to add language translation support to your app.
  • Storybook - An open source tool for developing UI components in isolation for React.
  • Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.

Setup & Documentation

Please refer to our setup guide to create a new app.

For more detailed documentation, check out https://pankod.github.io/next-boilerplate/


Built-in CLI



Pankod boilerplate is shipped with a CLI tool to streamline the creation of new components. By using the CLI tool, you may easily add pages, class components or functional components to your project and have all the required actions, reducers and imports are automatically created for you.

To start the CLI, you may have to install it beforehand if you haven't yet.

~ $ npm i -g @pankod/pankod-cli

Then you can use it in your projects:

~ $ npm run cli

After starting, an interactive menu will let you configure the component to be created. Firstly, you'll be asked for the type of the component whether it's a page or a functional component. Then you'll be prompted with the other options relevant to your selection.

Eventually, you'll end up with a page or component with style and test files in no time.


License

Licensed under the MIT License, Copyright © 2018-present Pankod

GitHub

https://github.com/pankod/next-boilerplate
Comments
  • 1. TypeError: Cannot read property 'kind' of undefined at getErrorSpanForNode

    Hello, i have a problem with error after build (start:dev command), where error "TypeError: Cannot read property 'kind' of undefined at getErrorSpanForNode (C:\work\rankseacom\node_modules\typescript\lib\typescript.js:13856:22) " appears. Anyone with the same problem?

    Reviewed by dolnma at 2020-06-13 01:09
  • 2. [Question]: How to handle private routes in your template?

    Hi Guys,

    Great work, this template is really a great boilerplate. I have one question only for now.

    How can we achieve the private routes in this template?

    I tried the HOC component but it's not working due to getInitialProps in pages. There is no store in ctx object. The same thing tried with Component also. but got the same error.

    So any idea for this in your mind?

    Thank you.

    Regards, M. Adil

    Reviewed by adilmedibookr at 2020-08-03 18:29
  • 3. Update next redux wrapper to 6.0 to remove Provider in App component

    https://github.com/pankod/next-boilerplate/blob/56f958798671ebce1d6615dedc924dafbf4d0b8c/pages/_app/index.tsx#L34

    With 6.0 version of next redux wrapper App should no longer wrap its children with Provider, it is now done internally.

    Reviewed by crisfcodes at 2020-05-18 21:04
  • 4. API routes not available anymore

    Hi,

    The api routes are not available anymore.

    To reproduce:

    git clone [email protected]:pankod/next-boilerplate.git
    yarn install
    yarn start:dev
    curl http://localhost:3000/api/health-check
    

    I did a git bisect and the first bad commit is this: https://github.com/pankod/next-boilerplate/commit/77d3eefec1ed247c0595469daf83487b1c273b64

    Reviewed by ArnaudValensi at 2020-10-29 16:33
  • 5. Migrate to Eslint

    Since TypeScript team will be focusing on making eslint better, it could be nice to migrate to eslint.

    https://eslint.org/blog/2019/01/future-typescript-eslint

    Reviewed by BatuhanW at 2019-05-29 16:23
  • 6. How do I get the call to api?

    Hi, reviewing your boilerplate and i not seen call api example. How do I get the call to api? Is there a special method you use? Axios or should I use derivatives?

    Reviewed by scaki at 2019-05-15 07:19
  • 7. CSS Modules?

    NextJs comes with css module support but it doesn't seem to work in this boilerplate. Has it been overridden by the Styled components? How would I go about enabling css module support.

    Reviewed by baj84 at 2020-08-31 23:47
  • 8. Storybook 6.0

    • Fix broken snapshot
    • Update storybook dependencies to 6.0
    • Update i18next-xhr-backend to i18next-http-backend
    • Update node-sass to >= 4.14.1 due to vulnerability
    Reviewed by codymorrison at 2020-08-24 00:00
  • 9. Missing 404 page

    with a fresh install we get he below warning.

    Warning: You have added a custom /_error page without a custom /404 page. This prevents the 404 page from being auto statically optimized. see here for info: https://err.sh/next.js/custom-error-no-custom-404

    Reviewed by itsethanr at 2020-06-09 06:28
  • 10. I'm using VSCode Jest extension

    And Jest extension show me this error. Whats wrong it?. How to fix this error? Environment: Windows10 64bit Node :12.16.1 Vscode :1.44.2 Jest extension: 3.1.1

    image

    Reviewed by KInGATiLLa at 2020-04-22 09:56
  • 11. how we can load custom font?

    How this get work with scss?

    @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('assets/fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), url('assets/fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('assets/fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('assets/fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('assets/fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('assets/fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ }

    Reviewed by krish-dev at 2020-01-07 13:53
  • 12. Bump eventsource from 1.0.7 to 1.1.1

    Bumps eventsource from 1.0.7 to 1.1.1.

    Changelog

    Sourced from eventsource's changelog.

    1.1.1

    • Do not include authorization and cookie headers on redirect to different origin (#273 Espen Hovlandsdal)

    1.1.0

    • Improve performance for large messages across many chunks (#130 Trent Willis)
    • Add createConnection option for http or https requests (#120 Vasily Lavrov)
    • Support HTTP 302 redirects (#116 Ryan Bonte)
    • Prevent sequential errors from attempting multiple reconnections (#125 David Patty)
    • Add new to correct test (#111 Stéphane Alnet)
    • Fix reconnections attempts now happen more than once (#136 Icy Fish)
    Commits
    • aa7a408 1.1.1
    • 56d489e chore: rebuild polyfill
    • 4a951e5 docs: update history for 1.1.1
    • f9f6416 fix: strip sensitive headers on redirect to different origin
    • 9dd0687 1.1.0
    • 49497ba Update history for 1.1.0 (#146)
    • 3a38537 Update history for #136
    • 46fe04e Merge pull request #136 from icy-fish/master
    • 9a4190f Fix issue: reconnection only happends for 1 time after connection drops
    • 61e1b19 test: destroy both proxied request and response on close
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-06-01 21:58
  • 13. Bump eventsource from 1.0.7 to 1.1.1 in /documentation/website

    Bumps eventsource from 1.0.7 to 1.1.1.

    Changelog

    Sourced from eventsource's changelog.

    1.1.1

    • Do not include authorization and cookie headers on redirect to different origin (#273 Espen Hovlandsdal)

    1.1.0

    • Improve performance for large messages across many chunks (#130 Trent Willis)
    • Add createConnection option for http or https requests (#120 Vasily Lavrov)
    • Support HTTP 302 redirects (#116 Ryan Bonte)
    • Prevent sequential errors from attempting multiple reconnections (#125 David Patty)
    • Add new to correct test (#111 Stéphane Alnet)
    • Fix reconnections attempts now happen more than once (#136 Icy Fish)
    Commits
    • aa7a408 1.1.1
    • 56d489e chore: rebuild polyfill
    • 4a951e5 docs: update history for 1.1.1
    • f9f6416 fix: strip sensitive headers on redirect to different origin
    • 9dd0687 1.1.0
    • 49497ba Update history for 1.1.0 (#146)
    • 3a38537 Update history for #136
    • 46fe04e Merge pull request #136 from icy-fish/master
    • 9a4190f Fix issue: reconnection only happends for 1 time after connection drops
    • 61e1b19 test: destroy both proxied request and response on close
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-06-01 02:42
  • 14. Bump lodash-es from 4.17.15 to 4.17.21

    Bumps lodash-es from 4.17.15 to 4.17.21.

    Commits
    • f299b52 Bump to v4.17.21
    • c4847eb Improve performance of toNumber, trim and trimEnd on large input strings
    • 3469357 Prevent command injection through _.template's variable option
    • ded9bc6 Bump to v4.17.20.
    • 63150ef Documentation fixes.
    • 00f0f62 test.js: Remove trailing comma.
    • 846e434 Temporarily use a custom fork of lodash-cli.
    • 5d046f3 Re-enable Travis tests on 4.17 branch.
    • aa816b3 Remove /npm-package.
    • d7fbc52 Bump to v4.17.19
    • Additional commits viewable in compare view
    Maintainer changes

    This version was pushed to npm by bnjmnt4n, a new releaser for lodash-es since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-03-15 19:05
  • 15. Bump url-parse from 1.4.7 to 1.5.10

    Bumps url-parse from 1.4.7 to 1.5.10.

    Commits
    • 8cd4c6c 1.5.10
    • ce7a01f [fix] Improve handling of empty port
    • 0071490 [doc] Update JSDoc comment
    • a7044e3 [minor] Use more descriptive variable name
    • d547792 [security] Add credits for CVE-2022-0691
    • ad23357 1.5.9
    • 0e3fb54 [fix] Strip all control characters from the beginning of the URL
    • 61864a8 [security] Add credits for CVE-2022-0686
    • bb0104d 1.5.8
    • d5c6479 [fix] Handle the case where the port is specified but empty
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-02-27 21:22
  • 16. Bump url-parse from 1.4.7 to 1.5.10 in /documentation/website

    Bumps url-parse from 1.4.7 to 1.5.10.

    Commits
    • 8cd4c6c 1.5.10
    • ce7a01f [fix] Improve handling of empty port
    • 0071490 [doc] Update JSDoc comment
    • a7044e3 [minor] Use more descriptive variable name
    • d547792 [security] Add credits for CVE-2022-0691
    • ad23357 1.5.9
    • 0e3fb54 [fix] Strip all control characters from the beginning of the URL
    • 61864a8 [security] Add credits for CVE-2022-0686
    • bb0104d 1.5.8
    • d5c6479 [fix] Handle the case where the port is specified but empty
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-02-26 11:38
  • 17. Bump prismjs from 1.21.0 to 1.27.0 in /documentation/website

    Bumps prismjs from 1.21.0 to 1.27.0.

    Release notes

    Sourced from prismjs's releases.

    v1.27.0

    Release 1.27.0

    v1.26.0

    Release 1.26.0

    v1.25.0

    Release 1.25.0

    v1.24.1

    Release 1.24.1

    v1.24.0

    Release 1.24.0

    v1.23.0

    Release 1.23.0

    v1.22.0

    Release 1.22.0

    Changelog

    Sourced from prismjs's changelog.

    1.27.0 (2022-02-17)

    New components

    Updated components

    Updated plugins

    Other

    • Core
      • Added better error message for missing grammars (#3311) 2cc4660b

    1.26.0 (2022-01-06)

    New components

    Updated components

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by rundevelopment, a new releaser for prismjs since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-02-26 01:38
A highly opinionated and complete starter for Next.js projects ready to production
A highly opinionated and complete starter for Next.js projects ready to production

Next Starter The aim for this starter is to give you a starting point with everything ready to work and launch to production. Web Vitals with 100% by

Jul 22, 2022
A starting boilerplate for a TS Next.js project with batteries included. Tailwind CSS in JIT mode for styling, Jest and React Testing Library working with path aliases and node-mock-http for API route testing.
A starting boilerplate for a TS Next.js project with batteries included. Tailwind CSS in JIT mode for styling, Jest and React Testing Library working with path aliases and node-mock-http for API route testing.

This is a Next.js project that includes Tailwind CSS in JIT mode, TypeScript and Jest with @testing-library with working TS path aliases. Getting Star

Apr 25, 2022
Next.js, Styled-Components, Material UI, Redux, Typescript Boilerplate (Docker Ready)
Next.js, Styled-Components, Material UI, Redux, Typescript Boilerplate (Docker Ready)

Next-SMRT Next.js, Styled Components, Material-UI, Redux (With Redux-Toolkit), Typescript A lot of the next.js examples have some of those features bu

May 15, 2022
A starter project for next js with authentication - Contains React 17 + Typescript + Tailwind CSS 2 + React Query 3 + GitHub Auth + LinkedIn Auth + Password-less Auth + Fauna DB

nextjs-starter A Next.js starter kit template with React 17 + Typescript + Tailwind CSS 2 + React Query 3 + NextAuth.js (with GitHub Auth + Passwordle

Aug 3, 2022
This is a boilerplate to be use in your project with tecnologies TypeScript, NextJS, Jest and Styled-components.
This is a boilerplate to be use in your project with tecnologies TypeScript, NextJS, Jest and Styled-components.

NextJS Boilerplate This is a boilerplate to be use in your project with tecnologies TypeScript, NextJS, Jest and Styled-components. What is inside? Th

Jan 28, 2022
🚀 Free NextJS Landing Page Template written in Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
🚀 Free NextJS Landing Page Template written in Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

?? Free NextJS Landing Page Template written in Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

Aug 1, 2022
Boilerplate repository for creating projects with NextJS. We have also included: Jest, Typescript, Prettier, React Testing Library and others. Check the package.json!

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Nov 12, 2021
:zap: JavaScript boilerplate for a full stack app built using React.js, Next.js, Express.js, react-bootstrap, SCSS and full SSR with eslint.
:zap: JavaScript boilerplate for a full stack app built using React.js, Next.js, Express.js, react-bootstrap, SCSS and full SSR with eslint.

next-express-bootstrap-boilerplate Contents TL;DR. Installation. App structure. Express integration. Goodies. Compatibility, Further reading, Contribu

Jul 14, 2022
:deciduous_tree: [email protected], Styled-jsx, TypeScript, Jest, SEO
:deciduous_tree: Next@8.1, Styled-jsx, TypeScript, Jest, SEO

Next.js TypeScript Starter Kit see ChangeLog Feature TypeScript Styled-jsx Module css (PostCSS - cssnext, nested, import) SEO & analytics(Google Analy

Jun 27, 2022
Learn how to use ES Modules with Next.js, including using URL imports to fetch packages from JavaScript CDNs.

Next.js + ES Modules Starting with Next.js 12, we have built-in support for ES Modules. ES Modules bring an official, standardized module system to Ja

Mar 11, 2022
🚀 Boilerplate and Starter for Next JS 12+, Tailwind CSS 2.0 and TypeScript Twitter
🚀 Boilerplate and Starter for Next JS 12+, Tailwind CSS 2.0 and TypeScript Twitter

?? Boilerplate and Starter for Next.js 12+, Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

Aug 9, 2022
Next.js + Redux + styled-components + Express = 😇

Next.js redux starter An opinionated Next.js starter kit with Express, Redux, styled-components, and react-testing-library. About Next.js is an awesom

Jul 20, 2022
:rocket: Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)

Full stack web application skeleton Getting started Clone and install dependencies: $ git clone https://github.com/oh-my-c0de/oh-my-fullstack.git ./my

Aug 1, 2022
MongoDB, Express, React (NextJS), Node - Stack Boilerplate

MERN Boilerplate UNDER DEVELOPMENT A MERN Stack Boilerplate NOTE: I used Next instead of the default CRA. This is to provide SSR (Server-Side Renderin

May 28, 2022
Boilerplate project for microfrontends based on Webpack5's module federation, React, and TypeScript

Microfrontends w/ Webpack5's Module Federation, React, and TypeScript To get started, run yarn in both the microfrontend as well as the shell folder.

Jul 29, 2022
ReactJS + NextJS + Redux + Github API

Redux Toolkit TypeScript Example This example shows how to integrate Next.js with Redux Toolkit. The Redux Toolkit is a standardized way to write Redu

Jul 27, 2022
Full-stack boilerplate (project/hackathon starter) with Docker/NodeJS/Typescript/GraphQL/React/Material-UI
Full-stack boilerplate (project/hackathon starter) with Docker/NodeJS/Typescript/GraphQL/React/Material-UI

The KNESTS Stack KNEx.js NEST.js NExT.js TS GraphQL Docker The above libraries and frameworks are the best ones (in my opinion, of course) regarding m

Aug 3, 2022
This is the Official Starter template for the AMAZON 5 Day challenge (The SECRET Challenge!) - Next.js | React.js | Tailwind CSS | Redux | Tailwind | Firebase
This is the Official Starter template for the AMAZON 5 Day challenge (The SECRET Challenge!) - Next.js | React.js | Tailwind CSS | Redux | Tailwind | Firebase

Installation Steps Using npm Run commands npm install npm run dev Or using yarn Run commands npm install --global yarn yarn install yarn run dev If yo

Jul 26, 2022