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

Overview

React Avançado

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of this is taught in this course.

ci

What is inside?

This project uses lot of stuff as:

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

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

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Commands

  • dev: runs your application on localhost:3000
  • build: creates the production build version
  • start: starts a simple server with the build production code
  • lint: runs the linter in all components and pages
  • test: runs jest to test all components and pages
  • test:watch: runs jest in watch mode
  • generate ComponentName: to generate a component structure
  • storybook: runs storybook on localhost:6006
  • build-storybook: create the build version of storybook

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!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Owner
React Avançado
Organização para colocar projetos feitos para o curso https://reactavancado.com.br/
React Avançado
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 3 Jan 3, 2022
Storybook-addon-message-bus - Interact with message bus via Storybook UI

Storybook Addon Message Bus Storybook Addon w/ GUI for interacting with Message

Prashis 2 Jan 8, 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 36 Jan 17, 2022
Starter template for Vite with React (TypeScript). Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.

Mocking up web app with Vital(speed) Live Demo Features ⚡️ React 17 ?? TypeScript, of course ?? Jest - unitary testing made easy ?? Tailwind with JIT

Josep Vidal 77 Jan 14, 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 1 Dec 29, 2021
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

React Avançado 19 Dec 22, 2021
A scaffold boilerplate including TypeScript, React, Jest and ESLint

A scaffold boilerplate including TypeScript, React, Jest and ESLint

UIUX Lab 1 Jan 4, 2022
Clean Typescript React project with working Storybook using Yarn

Getting Started with Create React App This project was bootstrapped with Create React App. Clone this repository To clone this repository, use the fol

Mads Skov Schiellerup 1 Nov 3, 2021
This is a boilerplate using webpack, react, redux, typescrpit, storybook

BOILERPLATE What's Included redux redux-persist redux middleware [Thunk & logger] redux toolkit redux devtools extentions types for react state, dispa

Md. Jahid Hasan Shuvo 12 Jan 5, 2022
Use vitejs, storybook and typescript to build great react components and documents.

react-component-storybook Use vitejs, storybook and typescript to build great react components. Just click Use this template button or use gh cli gh r

Jeason 5 Jan 10, 2022
Document your Typescript React components with TSDoc and export into Storybook-friendly JSON 🤖

react-tsdoc react-tsdoc is an WIP tool to extract information from React Typescript component files with TSDoc for documentation generation purposes t

Noah Buscher 4 Jan 13, 2022
my portfolio website using React/Nextjs and tailwind

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://

Moti Elmakies 0 Dec 28, 2021
A universal boilerplate for building web applications w/ TypeScript, React, Redux, Server Side Rendering and more.

Vortigern Vortigern is our opinionated boilerplate for crafting universal web applications by using modern technologies like TypeScript, React and Red

Barbar Startup Factory 647 Jan 3, 2022
Application using NextJS, ReactJS and Typescript for study purposes

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://

João Alvim Cosate Magnago 0 Dec 27, 2021
Vite templete for react typescript eslint jest tailwindcss

vite-react-ts-extended vite react-ts templete + eslint, jest, tailwindcss This is the official Vite template(npm init [email protected] myapp -- --template

Laststance.io 13 Jan 5, 2022
SSR template: Typescript + React + Router + Express + Jest

SSR: Typescript + React + Router + Express + Jest React server side rendering with Node Express server This template has the following main dependenci

Marcelo Augusto 2 Jan 14, 2022
A support react,vite,typescript,Eslint,jest,prettierrcWaiting for scaffolding

vite-react-cil A supportreact,vite,typescript,Eslint,jest,prettierrcWaiting for scaffolding English | 简体中文 ✨ characteristic Support Typescript Support

zsj1029 1 Dec 19, 2021
Obsidian - Elegant portfolio template built on NextJS and Tailwind CSS

Obsidian ✨ Obsidian is a minimal and lightweight portfolio template built on Nex

Brayden 11 Jan 20, 2022
Get started with Chrome extensions development using webpack, Typescript, Sass, and more

Get started with Chrome extensions development using webpack, Typescript, Sass,

Sebastian Szczepański 100 Jan 16, 2022