Pinned Loading

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

   Starter project for Vite with React + MUI using TypeScript

   TypeScript 21 3

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

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

   TypeScript 24 14

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 11

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(() => {