DEV Community

Cover image for Next.JS + MUI v5 + TypeScript + Scss + Storybook Starter ๐Ÿ“•
Muhammad Ridho Anshory
Muhammad Ridho Anshory

Posted on

Next.JS + MUI v5 + TypeScript + Scss + Storybook Starter ๐Ÿ“•

Lately, I was building a Next.js, MUI v5, TypeScript, Scss and Storybook for projects. I wanted to have a modern starter repository to speed up my development. A new boiler plate for Next.js with type checking (TypeScript), configured linter (ESlint), configured code formatter (Prettier), Sass / Scss for CSS framework with Material UI v5 theming, also Storybook to build streamlines UI development, testing, and documentation.

You can check a live demo at this url : click me!

You can also check the source code ๐Ÿ“• on GitHub: nextjs-ts-mui5-scss-storybook-starter

Here is the list of major feature:

  • โœ๏ธ code snippet for react and next.js that I personally use
  • ๐ŸŽจ pre-configured Sass, MUI v5, and Storybook. You just need to focus on building your components
  • โŒจ๏ธ Type checking with TypeScript
  • โœ๏ธ Linter with Eslint and Prettier also simple-import

Please leave a star โญ or some comment if there's a issue! Thanks โœŒ๏ธ

Top comments (0)