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.

You might also like...
Boilerplate for projects using Next, React, Typescript, Styled Components, Framer Motion, Storybook, Jest and Testing Library
Boilerplate for projects using Next, React, Typescript, Styled Components, Framer Motion, Storybook, Jest and Testing Library

Boilerplate for projects using Next, React, Typescript, Styled Components, Framer Motion, Storybook, Jest and Testing Library

Boilerplate in typescript with : Next / Next-Auth / Siwe / Web3modal / useDapp / next-i18n / reactMUI

Boilerplate in typescript with : Next / Next-Auth / Siwe / Web3modal / useDapp / next-i18n / reactMUI

Ts-next-chakra-motion-kit - Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript

Typescript Next.js Chakra-UI Framer-Motion Starter Kit Start with a powerful tem

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

๐Ÿ“œ Barebones React/Sass/Express/TypeScript Boilerplate

๐Ÿ“œ Barebones React/Sass/Express/TypeScript Boilerplate ๐Ÿ“ Table of Contents ๐Ÿง  Purpose ๐Ÿ‘Ÿ Running the Project ๐Ÿ’ฌ Server ๐Ÿ’ป Client ๐Ÿ™Œ Styling the App ?

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

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

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

Turborepo (NestJS + Prisma + NextJS + Tailwind + Typescript + Jest) Starter

Fullstack Turborepo starter. Typescript, Nestjs, Nextjs, Tailwind, Prisma, Github Actions, Docker, And Reverse proxy configured

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

React Template library with TypeScript, SASS modules, StoryBook and Jest

React Template Library Support Absolute paths, TypeScript, SASS (SCSS) modules, StoryBook and Jest Congrats! You just saved yourself hours of work. Le

Artyom Petrunin 8 Oct 7, 2022
Nextjs-starter - A TypeScript starter for Next.js

Next.js TypeScript Starter Features โšก๏ธ Next.js 12 โš›๏ธ React 17 โ›‘ TypeScript ?? ES

Felix Lee 4 Sep 14, 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 51 Dec 29, 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
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 21 Dec 19, 2022
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 26 Dec 4, 2022
NextJS 13 + Storyblok CMS ๐Ÿธ TypeScript โœ… TailwindCSS๐Ÿƒ Storybook ๐Ÿ“š

NextJS 13 - Storyblok Starter Front-end result StoryBlok CMS View Step by Step setup Tutorial [NEW] Here comes the Step-by-Step setup Storyblok starte

Liรจge Arthur 4 Nov 23, 2022
dApp Starter Kit is flexible production grade Web3 boilerplate with Next.js, React, Material Design and Typescript

dApp Starter Kit is flexible production grade Web3 boilerplate with Next.js 12, React.js, Material-UI, Typescript and web3-react (beta).

ETH Salt Lake 8 Nov 1, 2022
Web3 Starter Kit is flexible production grade Web3 boilerplate with Next.js 12, React.js, Material-UI, Typescript and web3modal

Web3 Starter Kit is flexible production grade Web3 boilerplate with Next.js 12, React.js, Material-UI, Typescript and web3modal

ETH Salt Lake 8 Nov 1, 2022
An template project made with Next.js, Typescript, Styled Components, Eslint, Prettier, Editorconfig, Storybook, Hygen and Jest + React Testing Library

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

Get In 4 Nov 23, 2022