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/

Related tags

Next.js Boilerplates react redux sass boilerplate babel typescript nextjs starter storybook nextjs-template
Overview

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

Comments
  • TypeError: Cannot read property 'kind' of undefined at getErrorSpanForNode

    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?

    bug 
    opened by dolnma 6
  • [Question]: How to handle private routes in your template?

    [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

    question 
    opened by adilmedibookr 5
  • Update next redux wrapper to 6.0 to remove Provider in App component

    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.

    opened by crisfcodes 5
  • API routes not available anymore

    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

    bug 
    opened by ArnaudValensi 4
  • Migrate to Eslint

    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

    opened by BatuhanW 4
  • How do I get the call to api?

    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?

    opened by scaki 4
  • CSS Modules?

    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.

    help wanted question 
    opened by baj84 3
  • Storybook 6.0

    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
    opened by codymorrison 3
  • Missing 404 page

    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

    bug 
    opened by ethyaan 3
  • I'm using VSCode Jest extension

    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

    opened by KInGATiLLa 3
  • how we can load custom font?

    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 */ }

    question 
    opened by krish-dev 3
  • Support for redux-observables | side effects handling ?

    Support for redux-observables | side effects handling ?

    It would be nice to support react side effects handling with redux-observales, since complex projects would always needs such side effects libraries ( also sagas ) to have a clean redux store reducers

    opened by firashamila33 0
  • Bump express from 4.17.1 to 4.18.2 in /documentation/website

    Bump express from 4.17.1 to 4.18.2 in /documentation/website

    Bumps express from 4.17.1 to 4.18.2.

    Release notes

    Sourced from express's releases.

    4.18.2

    4.18.1

    • Fix hanging on large stack of sync routes

    4.18.0

    ... (truncated)

    Changelog

    Sourced from express's changelog.

    4.18.2 / 2022-10-08

    4.18.1 / 2022-04-29

    • Fix hanging on large stack of sync routes

    4.18.0 / 2022-04-25

    ... (truncated)

    Commits

    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.

    dependencies 
    opened by dependabot[bot] 0
  • Bump express from 4.17.1 to 4.17.3

    Bump express from 4.17.1 to 4.17.3

    Bumps express from 4.17.1 to 4.17.3.

    Release notes

    Sourced from express's releases.

    4.17.3

    4.17.2

    Changelog

    Sourced from express's changelog.

    4.17.3 / 2022-02-16

    4.17.2 / 2021-12-16

    Commits

    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.

    dependencies 
    opened by dependabot[bot] 0
  • Bump qs from 6.5.2 to 6.5.3 in /documentation/website

    Bump qs from 6.5.2 to 6.5.3 in /documentation/website

    Bumps qs from 6.5.2 to 6.5.3.

    Changelog

    Sourced from qs's changelog.

    6.5.3

    • [Fix] parse: ignore __proto__ keys (#428)
    • [Fix] utils.merge: avoid a crash with a null target and a truthy non-array source
    • [Fix] correctly parse nested arrays
    • [Fix] stringify: fix a crash with strictNullHandling and a custom filter/serializeDate (#279)
    • [Fix] utils: merge: fix crash when source is a truthy primitive & no options are provided
    • [Fix] when parseArrays is false, properly handle keys ending in []
    • [Fix] fix for an impossible situation: when the formatter is called with a non-string value
    • [Fix] utils.merge: avoid a crash with a null target and an array source
    • [Refactor] utils: reduce observable [[Get]]s
    • [Refactor] use cached Array.isArray
    • [Refactor] stringify: Avoid arr = arr.concat(...), push to the existing instance (#269)
    • [Refactor] parse: only need to reassign the var once
    • [Robustness] stringify: avoid relying on a global undefined (#427)
    • [readme] remove travis badge; add github actions/codecov badges; update URLs
    • [Docs] Clean up license text so it’s properly detected as BSD-3-Clause
    • [Docs] Clarify the need for "arrayLimit" option
    • [meta] fix README.md (#399)
    • [meta] add FUNDING.yml
    • [actions] backport actions from main
    • [Tests] always use String(x) over x.toString()
    • [Tests] remove nonexistent tape option
    • [Dev Deps] backport from main
    Commits
    • 298bfa5 v6.5.3
    • ed0f5dc [Fix] parse: ignore __proto__ keys (#428)
    • 691e739 [Robustness] stringify: avoid relying on a global undefined (#427)
    • 1072d57 [readme] remove travis badge; add github actions/codecov badges; update URLs
    • 12ac1c4 [meta] fix README.md (#399)
    • 0338716 [actions] backport actions from main
    • 5639c20 Clean up license text so it’s properly detected as BSD-3-Clause
    • 51b8a0b add FUNDING.yml
    • 45f6759 [Fix] fix for an impossible situation: when the formatter is called with a no...
    • f814a7f [Dev Deps] backport from main
    • 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.

    dependencies 
    opened by dependabot[bot] 0
  • Bump qs from 6.5.2 to 6.5.3

    Bump qs from 6.5.2 to 6.5.3

    Bumps qs from 6.5.2 to 6.5.3.

    Changelog

    Sourced from qs's changelog.

    6.5.3

    • [Fix] parse: ignore __proto__ keys (#428)
    • [Fix] utils.merge`: avoid a crash with a null target and a truthy non-array source
    • [Fix] correctly parse nested arrays
    • [Fix] stringify: fix a crash with strictNullHandling and a custom filter/serializeDate (#279)
    • [Fix] utils: merge: fix crash when source is a truthy primitive & no options are provided
    • [Fix] when parseArrays is false, properly handle keys ending in []
    • [Fix] fix for an impossible situation: when the formatter is called with a non-string value
    • [Fix] utils.merge: avoid a crash with a null target and an array source
    • [Refactor] utils: reduce observable [[Get]]s
    • [Refactor] use cached Array.isArray
    • [Refactor] stringify: Avoid arr = arr.concat(...), push to the existing instance (#269)
    • [Refactor] parse: only need to reassign the var once
    • [Robustness] stringify: avoid relying on a global undefined (#427)
    • [readme] remove travis badge; add github actions/codecov badges; update URLs
    • [Docs] Clean up license text so it’s properly detected as BSD-3-Clause
    • [Docs] Clarify the need for "arrayLimit" option
    • [meta] fix README.md (#399)
    • [meta] add FUNDING.yml
    • [actions] backport actions from main
    • [Tests] always use String(x) over x.toString()
    • [Tests] remove nonexistent tape option
    • [Dev Deps] backport from main
    Commits
    • 298bfa5 v6.5.3
    • ed0f5dc [Fix] parse: ignore __proto__ keys (#428)
    • 691e739 [Robustness] stringify: avoid relying on a global undefined (#427)
    • 1072d57 [readme] remove travis badge; add github actions/codecov badges; update URLs
    • 12ac1c4 [meta] fix README.md (#399)
    • 0338716 [actions] backport actions from main
    • 5639c20 Clean up license text so it’s properly detected as BSD-3-Clause
    • 51b8a0b add FUNDING.yml
    • 45f6759 [Fix] fix for an impossible situation: when the formatter is called with a no...
    • f814a7f [Dev Deps] backport from main
    • 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.

    dependencies 
    opened by dependabot[bot] 0
  • Bump decode-uri-component from 0.2.0 to 0.2.2 in /documentation/website

    Bump decode-uri-component from 0.2.0 to 0.2.2 in /documentation/website

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    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.

    dependencies 
    opened by dependabot[bot] 0
Owner
Pankod
A young and innovative software development house located in the heart of beautiful Istanbul.
Pankod
GitHub
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

Fukuro Studio 28 Nov 27, 2022
Flexible production-grade boilerplate with Next.js 10, Vercel and TypeScript. Includes multiple opt-in presets using Storybook, Airtable, GraphQL, Analytics, CSS-in-JS, Monitoring, End-to-end testing, Internationalization, CI/CD and SaaS B2B multi single-tenancy (monorepo) support

Next Right Now Next Right Now (NRN) is meant to help you build production-grade projects using the Next.js framework. NRN is maintained with several p

Unly 1.2k Jan 3, 2023
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

Antonio Lo Fiego 38 Apr 25, 2022
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

Chris Sprance 54 Nov 3, 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

Bhanu Teja Pachipulusu 407 Dec 29, 2022
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

Jefferson Soares 11 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.

Rem W. 963 Dec 31, 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://

Jessica Castro 1 Nov 12, 2021
:deciduous_tree: [email protected], 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

Bonggyun Lee 345 Dec 1, 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

Lee Robinson 52 Dec 26, 2022
: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

Mustansir Zia 112 Jul 14, 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 ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

Remi W. 3k Jan 5, 2023
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

Codementor 360 Jan 7, 2023
: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

Oh My Code 169 Dec 23, 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

null 8 Aug 20, 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

Prince Carlo Juguilon 9 Oct 31, 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.

Calvin Bayer 3 Oct 27, 2022
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

Tudor Constantin 281 Jan 8, 2023
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

Sonny Sangha 302 Dec 28, 2022