Pinned

1. react-mui-vite-ts react-mui-vite-ts Public template

   Starter project for Vite with React + MUI using TypeScript

   TypeScript 8 1

2. nextjs-mui-starter-ts nextjs-mui-starter-ts Public template

   Starter template for Next.js with App Router + Material UI + TypeScript

   TypeScript 17 8

3. umka-co/nextjs-website-starter umka-co/nextjs-website-starter Public template

   Template for Static Generated Website (SSG), with Common components, Analytics and Advertisement, Contact form, and different Layouts, Legal pages, and so on.

   TypeScript 9

4. Prettier config for React App Prettier config for React App

   1

   module.exports = {

   2

     printWidth: 120, // max 120 chars in line, code is easy to read

   3

     useTabs: false, // use spaces instead of tabs

   4

     tabWidth: 2, // "visual width" of of the "tab"

   5

     trailingComma: 'es5', // add trailing commas in objects, arrays, etc.

5. React useIsMobile() hook compatible ... React useIsMobile() hook compatible with Next.js SSG/SSR

   1

   'use client';

   2

   import { useEffect, useState } from 'react';

   3

   import { useMediaQuery } from 'react-responsive';

   4

   5

   export const IS_SERVER = typeof window === 'undefined';

6. React with Next/SSR/SSG, useful .onM... React with Next/SSR/SSG, useful .onMobile or .onDestop class selector to apply different CSS styles

   1

     // In main App or Layout component add following:

   2

   3

     const isMobile = useMediaQuery({ maxWidth: 767 }); // From react-responsive, Material UI or other styling library

   4

   5

     useEffect(() => {