Muhammad Ridho Anshory

Posted on Jan 13, 2022

Next.JS + MUI v5 + TypeScript + Scss + Storybook Starter 📕

#typescript #nextjs #javascript #productivity

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 ✌️

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

Data Visualization: How to Create Styled Cryptocurrency Candlesticks with Highcharts

Dera Okeke - Dec 28 '24

Building a Classic Space Invaders Game with HTML CSS Canvas and JavaScript

sharathchandark - Dec 28 '24

Build Your Own Classic Brick Breaker Game Using HTML, CSS, Canvas, and JavaScript

sharathchandark - Dec 27 '24

🎯Starting My 100-Day Coding Challenge with Express.js

Sahil khatiwada - Dec 16 '24

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

DEV Community