feat(config): 🔧 update better tooling with release it & other changes #132

navin-moorthy · 2023-02-25T12:14:58Z

add new release it changelog format including commit body for better github release support

// package.json
{"release": "node release-it/getCommitsSinceLastRelease.js && release-it"}

update renovate cron to run once a week on saturday

// .github/renovate.json
{"schedule": ["after 12am and before 5am on saturday"]}

remove renovate lockfile maintenance update

// .github/renovate.json
"lockFileMaintenance": {
  "enabled": false
},

add .prettiercache to the root folder itself & gitignore it

// package.json
{"lint:prettier": "prettier --check --cache --cache-location=.prettiercache \"./**/*.{html,css,js,cjs,jsx,ts,cts,tsx,md,json}\""}

add prettier import order with react, next & other libraries following it

// .prettierrc.cjs
importOrder: [
  // Packages.
  // Things that start with a letter (or digit or underscore), or `@` followed by a letter.
  "^react$",
  "^react-dom$",
  "^next$",
  "^next/+",
  "^@?\\w",
  "",
  // Absolute imports and other imports such as Vue-style `@/foo`.
  // Anything that does not start with a dot.
  "^../",
  "",
  "^./",
  "",

  // Relative imports.
  // Anything that starts with two dots.

  // Style imports.
  "^.+\\.s?css$",
],

update stylelint config for the new major version which no longer requires stylelint-config-prettier
add all of the local vscode settings.json to the workspace settings.json
add required env check for NEXT_PUBLIC_SITE_URL which is required for sitemap
add new image configuration for next.config.js

// next.config.js
images: {
  formats: ["image/avif", "image/webp"],
  deviceSizes: [384, 640, 768, 1024, 1280, 1440, 2560],
  imageSizes: [128, 256],
},

update tailwind.config.cjs for better legibility & update the html tag

// tailwind.config.cjs
plugin(function ({ addUtilities }) {
  addUtilities({
    ".inter-display": {
      "font-variation-settings": `"opsz" 32`,
    },
  });
  addUtilities({
    ".optimizeLegibility": {
      "text-rendering": "optimizeLegibility",
    },
  });
}),

// pages/_document.tsx
<Html className="min-h-full antialiased inter-display optimizeLegibility" lang="en" />

add customized InterVar with Adjusted Arial Fallback of a local font & preload our customized font.

// tailwind.config.cjs
fontFamily: {
  sans: [
    "InterVar",
    "Adjusted Arial Fallback",
    ...defaultTheme.fontFamily.sans,
  ],
},

// pages/_document.tsx
<Head>
  {/* Fonts Preload */}
  <link
    rel="preload"
    href="/fonts/Inter.var-english.woff2"
    as="font"
    type="font/woff2"
    crossOrigin="anonymous"
  />
</Head>;

add also notes on how to add the font splitting & fallback in the styles/global.css file gist lint
add hover media query to disable hover interaction on mobile

// tailwind.config.cjs
future: {
  relativeContentPathsByDefault: true,
  hoverOnlyWhenSupported: true,
},

vercel · 2023-02-25T12:15:01Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
next-react-app	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 25, 2023 at 1:01PM (UTC)

navin-moorthy added 3 commits February 25, 2023 17:43

feat: wip

0e8e4c8

feat: wip

fbfc103

feat: wip

eef725e

navin-moorthy self-assigned this Feb 25, 2023

vercel bot deployed to Preview February 25, 2023 12:15 View deployment

feat(config): 🔧 update better tooling with release it & other changes

c5d531e

vercel bot deployed to Preview February 25, 2023 13:01 View deployment

navin-moorthy changed the title ~~Dev~~ feat(config): 🔧 update better tooling with release it & other changes Feb 25, 2023

navin-moorthy added the autoapprove ✅ label Feb 25, 2023

kodiakhq bot approved these changes Feb 25, 2023

View reviewed changes

kodiakhq bot merged commit 98efcb4 into main Feb 25, 2023

kodiakhq bot deleted the dev branch February 25, 2023 13:02

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(config): 🔧 update better tooling with release it & other changes #132

feat(config): 🔧 update better tooling with release it & other changes #132

navin-moorthy commented Feb 25, 2023 •

edited

Loading

vercel bot commented Feb 25, 2023 •

edited

Loading

feat(config): 🔧 update better tooling with release it & other changes #132

feat(config): 🔧 update better tooling with release it & other changes #132

Conversation

navin-moorthy commented Feb 25, 2023 • edited Loading

vercel bot commented Feb 25, 2023 • edited Loading

navin-moorthy commented Feb 25, 2023 •

edited

Loading

vercel bot commented Feb 25, 2023 •

edited

Loading