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

Overview

TypeScript NextJs Mui Styled Components Netlify

nextjs-ts-mui5-scss-storybook-starter 📕

Next.js + TypeScript + Material UI v5 + Sass + Storybook starter 📕 with linting & prettier pre-configured

Made by M Ridho Anshory

Getting Started

Clone this template using one of these ways:

  1. Use this repository as template Disclosure: by using this repository as a template, there will be an attribution on your repository.

    I'll appreciate if you do, so this template can be known by others too 😄

    Use as template

  2. Using create-next-app

    npx create-next-app -e https://github.com/RidhoAnshory/nextjs-ts-mui5-scss-storybook-starter your-project-name

Run the repository

First, install the dependencies:

npm install
#
yarn

Second, 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.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

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.

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

React Avançado 4 Jan 13, 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
Use TypeScript, TailwindCSS & Sass to quick start your new Next.js app!!

Next.js TypeScript TailwindCSS & Sass Starter Use TypeScript, TailwindCSS & Sass to quick start your new Next.js app!! ⚡️ Quick Start ?? Getting Start

MikevPeeren 5 Jan 12, 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
Chrome extension boilerplate (with React + TypeScript). Preconfigured with SASS, separated `public` directory, support multilingual

Chrome Extension Boilerplate (with React + TypeScript) Quickly build chrome extensions using TypeScript and React. 1. What's included This repository

Hieu Nguyen (Jack) 5 Jun 13, 2021
📜 Barebones React/Sass/Express/TypeScript Boilerplate

?? Barebones React/Sass/Express/TypeScript Boilerplate ?? Table of Contents ?? Purpose ?? Running the Project ?? Server ?? Client ?? Styling the App ?

null 1 Dec 8, 2021
A React + Typescript + Sass boilerplate

react-boilerplate NOT MAINTAINED TODO: boards -> lists add proptypes rename to react-ts-example upgrade to redux 1.0 and react-redux 1.0 when out add

Vincent Prouillet 28 Jan 5, 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
NextJS version of Material Dashboard React

Material Dashboard React NextJS Material Dashboard is a free Material-UI, NextJS and React Admin with a fresh, new design inspired by Google's Materia

Creative Tim 110 Jan 10, 2022
Brownie-next-mix - Everything you need to use NextJS with Brownie

Brownie NextJS Mix This mix comes with everything you need to start using NextJS

Rafael Abuawad 4 Jan 12, 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
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
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
Demo & testing repository for ts-nextjs-tailwind-starter expansion pack

?? ts-nextjs-tailwind-starter Next.js + Tailwind CSS + TypeScript starter packed with useful development features. Made by Theodorus Clarence Features

Theodorus Clarence 2 Dec 6, 2021
Next.js + Tailwind CSS + TypeScript starter packed with useful development features.

?? ts-nextjs-tailwind-starter Next.js + Tailwind CSS + TypeScript starter packed with useful development features. Made by Theodorus Clarence Features

Cornelius Denninger 4 Jan 14, 2022
Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes.

Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes. No configuration is required, Start building your App.

Nilanth 16 Dec 31, 2021
Mobile Sport Application, created with React, Jest and SASS.

Mobile App Landing Page I denne opgave skal du sætte en præsentationsside op for en mobil applikation. Formål Formålet med opgaven er at få øvelse i O

Daniel N. Hjermitslev 1 Dec 6, 2021
A boilerplate for a Koa Redux React application with Webpack, Mocha and SASS

Boilerplate for a Koa Redux React app with Webpack, Mocha, SASS, Babel, ESLint... Docs Detailed blogpost on how was this boilerplate built Good to und

Joan Boixadós 162 Nov 26, 2021
Rollup + React + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterprise grade boilerplate

React package boilerplate by HackingBay Rollup + React 17 + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterpri

HackingBay 1 Dec 28, 2021