/BundleNextConfig
Set up bundling and code-splitting for a next.js configuration — e.g. a next.js app router migration from pages router.
Web & Frontendadvanced#nextjs#ssr
Tooling
36 commands
/ConfigureReactApp
Set up a solid build configuration for a react application — e.g. a react 17 app being moved to react 18.
Web & Frontendeasy#react#spa
/LintPackageJson
Set up linting and formatting rules for a frontend package.json — e.g. a package.json with 12 outdated major versions.
Web & Frontendadvanced#npm#dependencies
/BundleCSSArchitecture
Set up bundling and code-splitting for a css architecture — e.g. a legacy stylesheet with conflicting global classes.
Web & Frontendmedium#css#architecture
/ConfigureRoutingSetup
Set up a solid build configuration for a client-side routing setup — e.g. a react-router v5 app needing v6 routes.
Web & Frontendadvanced#routing#router
/LintMonorepoSetup
Set up linting and formatting rules for a frontend monorepo — e.g. a monorepo with three shared ui packages.
Web & Frontendeasy#monorepo#workspaces
/BundleESLintConfig
Set up bundling and code-splitting for an eslint configuration — e.g. a repo with no shared lint rules across packages.
Web & Frontendadvanced#eslint#lint
/ConfigureViteSetup
Set up a solid build configuration for a vite build setup — e.g. a webpack project moving to vite.
Web & Frontendeasy#vite#build
/LintVueProject
Set up linting and formatting rules for a vue project — e.g. a vue 2 options-api project.
Web & Frontendmedium#vue#framework
/BundleReactApp
Set up bundling and code-splitting for a react application — e.g. a react 17 app being moved to react 18.
Web & Frontendeasy#react#spa
/ConfigurePackageJson
Set up a solid build configuration for a frontend package.json — e.g. a package.json with 12 outdated major versions.
Web & Frontendadvanced#npm#dependencies
/LintTypeScriptMigration
Set up linting and formatting rules for a javascript-to-typescript migration — e.g. a 40-file javascript codebase with no type coverage.
Web & Frontendeasy#typescript#migration
/BundleRoutingSetup
Set up bundling and code-splitting for a client-side routing setup — e.g. a react-router v5 app needing v6 routes.
Web & Frontendadvanced#routing#router
/ConfigureMonorepoSetup
Set up a solid build configuration for a frontend monorepo — e.g. a monorepo with three shared ui packages.
Web & Frontendeasy#monorepo#workspaces
/LintTailwindConfig
Set up linting and formatting rules for a tailwind css configuration — e.g. a tailwind config missing custom design tokens.
Web & Frontendmedium#tailwind#css
/BundleViteSetup
Set up bundling and code-splitting for a vite build setup — e.g. a webpack project moving to vite.
Web & Frontendeasy#vite#build
/ConfigureVueProject
Set up a solid build configuration for a vue project — e.g. a vue 2 options-api project.
Web & Frontendmedium#vue#framework
/BundlePackageJson
Set up bundling and code-splitting for a frontend package.json — e.g. a package.json with 12 outdated major versions.
Web & Frontendadvanced#npm#dependencies
/ConfigureTypeScriptMigration
Set up a solid build configuration for a javascript-to-typescript migration — e.g. a 40-file javascript codebase with no type coverage.
Web & Frontendeasy#typescript#migration
/LintStateManagement
Set up linting and formatting rules for a state management layer — e.g. a redux app being simplified to context and hooks.
Web & Frontendmedium#state#redux
/BundleMonorepoSetup
Set up bundling and code-splitting for a frontend monorepo — e.g. a monorepo with three shared ui packages.
Web & Frontendeasy#monorepo#workspaces
/ConfigureTailwindConfig
Set up a solid build configuration for a tailwind css configuration — e.g. a tailwind config missing custom design tokens.
Web & Frontendmedium#tailwind#css
/LintNextConfig
Set up linting and formatting rules for a next.js configuration — e.g. a next.js app router migration from pages router.
Web & Frontendadvanced#nextjs#ssr
/BundleVueProject
Set up bundling and code-splitting for a vue project — e.g. a vue 2 options-api project.
Web & Frontendmedium#vue#framework
/LintCSSArchitecture
Set up linting and formatting rules for a css architecture — e.g. a legacy stylesheet with conflicting global classes.
Web & Frontendmedium#css#architecture
/BundleTypeScriptMigration
Set up bundling and code-splitting for a javascript-to-typescript migration — e.g. a 40-file javascript codebase with no type coverage.
Web & Frontendeasy#typescript#migration
/ConfigureStateManagement
Set up a solid build configuration for a state management layer — e.g. a redux app being simplified to context and hooks.
Web & Frontendmedium#state#redux
/LintESLintConfig
Set up linting and formatting rules for an eslint configuration — e.g. a repo with no shared lint rules across packages.
Web & Frontendadvanced#eslint#lint
/BundleTailwindConfig
Set up bundling and code-splitting for a tailwind css configuration — e.g. a tailwind config missing custom design tokens.
Web & Frontendmedium#tailwind#css
/ConfigureNextConfig
Set up a solid build configuration for a next.js configuration — e.g. a next.js app router migration from pages router.
Web & Frontendadvanced#nextjs#ssr
/LintReactApp
Set up linting and formatting rules for a react application — e.g. a react 17 app being moved to react 18.
Web & Frontendeasy#react#spa
/ConfigureCSSArchitecture
Set up a solid build configuration for a css architecture — e.g. a legacy stylesheet with conflicting global classes.
Web & Frontendmedium#css#architecture
/LintRoutingSetup
Set up linting and formatting rules for a client-side routing setup — e.g. a react-router v5 app needing v6 routes.
Web & Frontendadvanced#routing#router
/BundleStateManagement
Set up bundling and code-splitting for a state management layer — e.g. a redux app being simplified to context and hooks.
Web & Frontendmedium#state#redux
/ConfigureESLintConfig
Set up a solid build configuration for an eslint configuration — e.g. a repo with no shared lint rules across packages.
Web & Frontendadvanced#eslint#lint
/LintViteSetup
Set up linting and formatting rules for a vite build setup — e.g. a webpack project moving to vite.
Web & Frontendeasy#vite#build