An template project made with Next.js, Typescript, Styled Components, Eslint, Prettier, Editorconfig, Storybook, Hygen and Jest + React Testing Library

Overview

Next Boilerplate | GetIn

Built with ❤︎ by Maganez Filho

📌 Table of Contents

💻 Technologies

This project was made using the follow technologies:

🎯 Purpose and Features

  • Automate and facilitate the start of a project with Next.js, Typescript, Styled Components, Eslint, Prettier, Editorconfig, Storybook, Hygen and Jest + React Testing Library.
  • Using commitizen (A git hook for linting your git commit message against the popular Angular Commit Message Guidelines)

:spiral_note_pad: Brief explanation about the project /src folders environment

folder description
assets media files
components shared global components
constants application constant values
context global states shared
hooks application hooks
pages application pages
services application services connection settings
stories application components documentation
styles global application styles
utils functions, values, and other reusable things

👷 How to Run

Create a ".env" file at the root of your project, based on the ".env.example" file and paste the necessary links on it.

# Install Dependencies
$ yarn install or yarn

# Run Application (Go to http://localhost:3000/ to see the result)
$ yarn start

# Run Tests
$ yarn test

👷 How to use Commitizen

# How to use

Instead of using "git commit", use "git cz"

🐛 Issues

Feel free to file a new issue with a respective title and description on this repository. If you already found a solution to your problem, i would love to review your pull request!

🎉 Contributing

First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯

Here's some tips:

  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!

Give a ⭐️ if this project helped you!

📕 License

Released in 2022.
Copyright © Maganez Filho.

Made with ❤︎ by Maganez Filho 🚀 .

You might also like...
Vite + React + TypeScript + Eslint + Prettier Template ⚡
Vite + React + TypeScript + Eslint + Prettier Template ⚡

Create a new project with Vite, React JS, TypeScript, Eslint, Prettier in just 1 second. You don't need to do anything anymore.

Nextjs-ts-mui5-scss-storybook-starter - Next.js + TypeScript + Material UI v5 + Sass + Storybook starter
Nextjs-ts-mui5-scss-storybook-starter - Next.js + TypeScript + Material UI v5 + Sass + Storybook starter

nextjs-ts-mui5-scss-storybook-starter 📕 Next.js + TypeScript + Material UI v5 +

😊 NextJS Template with Tailwindcss, Eslint, Prettier.

Next.js + Tailwind CSS Example By Pedromdsn Deploy your own Deploy the example using Vercel or preview live with StackBlitz How to use Execute create-

Gatsby-typescript-testing - A project with React GatsbyJS and TypeScript with Testing using Atomic Design

🚀 Inicio Rápido Clona el repositorio. Una vez creado el repositorio procede a i

This is a very simple boilerplate made with CRA, React Router, Styled Components and Storybook.

This is a Create React App boilerplate with some configurations from React Avançado Course. What is inside? This project uses lot of stuff as: Create

A React boilerplate with Typescript using Vite. Includes React-query, Zustand, Tailwindcss, EsLint + Prettier, Husky Commit Lint

A React boilerplate with Typescript using Vite. Includes React-query, Zustand, Tailwindcss, EsLint + Prettier, Husky Commit Lint

Boilerplate-tailwind - A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of th

This is a template for a Typescript-powered, redux-equipped, React application template supported by Eslint and other basic rules.

Getting Started with React-TS-Redux-App This project was bootstrapped with Create React App. What is it This is a template for Typescript powered, red

Owner
Get In
Get In
Create-editorconfig - A simple npm script to generate an .editorconfig file

Create EditorConfig A simple npm script to generate an .editorconfig file. You d

Douglas Moura 7 Jul 5, 2022
A modern minimal Vite + React + TypeScript template with pre-configured ESLint (with Airbnb JS/React rules), Prettier, Testing with Jest and Git hooks with Husky out of the box 📦

A modern minimal Vite + React + TypeScript template with pre-configured ESLint (with Airbnb JS/React rules), Prettier, Testing with Jest and Git hooks with Husky out of the box ??

Patrick Jean Meurer 9 Sep 17, 2022
Next js 12 boilerplate with SCSS, Jest, React Testing Library, Prettier, ESLint, Plop JS and more 🚀

Next.js 12 Complete Boilerplate This is a readme from next.js 12 complete boilerplate. Table of Contents Just to make your dev experience more simple

Douglas Henrique 50 Jul 3, 2022
React starter kit for static apps (NO SSR): React + Vite + wouter + jest + testing-library + Prettier + ESLint + Stylint

Intention is to have some light-weight starter kit for any react (static) applications. Faster ?? build time, type-safe, linting, etc, are the things which have been considered for this setup.

Manish Keer 4 Jul 26, 2022
Storybook-addon-next - A no config Storybook addon that makes Next.js features just work in Storybook

Storybook Addon Next ?? No config support for Next.js: Tired of writing and debu

Ryan Clements 148 Sep 23, 2022
A bare-bones vite + react + typescript starter template with eslint + prettier, vitest + @testing-library and react-router

A bare-bones vite + react + typescript starter template with eslint + prettier, vitest + @testing-library and react-router

Coding Garden 29 Sep 16, 2022
Boilerplate developed using Next.Js, Typescript, Styled Components, Jest and React Testing Library

How to start the project This project was started with Next.js Install the dependencies To install all dependencies run yarn install or yarn at the ro

Boost Studio 3 Apr 12, 2022
React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components

React Template using TS, Best Practices of Context API, Testing Library and Jest, Axios, React-router-dom and Styled-Components

Gustavo Bispo 3 May 12, 2022
A React boilerplate using CRA5 + Craco, Typescript, Tailwind, Eslint + Prettier, Jest and Husky

Getting Started with Create React App This project was bootstrapped with Create React App. It contains the following additions: Typescript Tailwind St

Marvin de Bruin 17 Aug 31, 2022
React.js todo app with authorization, Testing: Cypress(e2e), UI (Chakra UI), Eslint, prettier, git hooks

React TypeScript template with Vite This is a React + TypeScript boilerplate built with Vite. What's inside? ReactJS Vite TypeScript Jest Testing Libr

Vladislav 2 Jan 28, 2022