DoctorDerek

{
  "generalConfiguration.sortOnBeforeSave": true,
  "importStringConfiguration.maximumNumberOfImportExpressionsPerLine.type": "newLineEachExpressionAfterCountLimitExceptIfOnlyOne",
  "importStringConfiguration.maximumNumberOfImportExpressionsPerLine.count": 80,
  "importStringConfiguration.tabSize": 2,
  "importStringConfiguration.quoteMark": "double"
}

DoctorDerek

import { MDXRemote } from "next-mdx-remote"
import ImageFixed from "next/image"
import { Fragment } from "react"

import Image from "@/components/CustomImage"
import HeadingsH2 from "@/components/HeadingsH2"
import HoverBullet from "@/components/HoverBullet"
import MDXComponents from "@/components/MDXComponents"
import { PageSeo } from "@/components/SEO"
import TitleJSXWithOptionalHighlighting from "@/components/TitleJSXWithOptionalHighlighting"

DoctorDerek

import { PageSeo } from "@/components/SEO"
import siteMetadata from "@/data/siteMetadata.json"
import Image from "@/components/CustomImage"
import { MDXRemote } from "next-mdx-remote"
import MDXComponents from "@/components/MDXComponents"
import { Fragment } from "react"
import ImageFixed from "next/image"
import { BUTTON, DIVIDER } from "@/components/UTILS"
import TitleJSXWithOptionalHighlighting from "@/components/TitleJSXWithOptionalHighlighting"
import HeadingsH2 from "@/components/HeadingsH2"

DoctorDerek

const size = 5
<SocialSvg className={`fill-current h-${size} w-${size} m-2`} />

DoctorDerek

import Email from "./email.svg"
import Medium from "./medium.svg"
import Linkedin from "./linkedin.svg"
import Twitter from "./twitter.svg"

// Icons taken from: https://simpleicons.org/

const components = {
  email: Email,
  medium: Medium,

DoctorDerek

// ❌ import error due to leading underscore:
import _Document from "@/src/pages/_document"

// ✅ SCREAMING_SNAKE_CASE
import NEXT_DOCUMENT from "@/src/pages/_document"

// ✅ PascalCase
import NextDocument from "@/src/pages/_document"

DoctorDerek

console.log([undefined,"👋",null,"","🌎",0].filter(Boolean)) // ["👋","🌎"]
console.log(["👋",0,"🌎"].filter((item)=>Boolean(item)))     // ["👋","🌎"]

DoctorDerek

export async function getStaticPaths() {
  // search 1 level recursively in @/data/
  const dataRegExpMarkdown = /(.+)?\\(.+)?\\(.+)?\.md/
  // ["data\\hosting\\packages.md", "data", "hosting", "packages"]
  const paths: any[] = getFilesRecursively("data")
    .map((path: string) => dataRegExpMarkdown.exec(path))
    .filter((item: any[]) => Boolean(item)) // remove falsy
    .map((item: any[]) => ({
      params: {
        path: item[2], // "hosting" (supports 1 directory)

DoctorDerek

{"version":1,"resource":"file:///c%3A/dev/learn-penguin/pages/level/%5Bworld%5D/%5Bid%5D.page.tsx","entries":[{"id":"9tdt.tsx","timestamp":1653504720885},{"id":"jDGs.tsx","timestamp":1653504732111},{"id":"MBQa.tsx","timestamp":1653504747566},{"id":"GQjv.tsx","timestamp":1653504823082},{"id":"Lw3z.tsx","source":"undoRedo.source","timestamp":1653504827867},{"id":"r3mT.tsx","timestamp":1653504833056},{"id":"j0mh.tsx","source":"undoRedo.source","timestamp":1653504838631},{"id":"FV1x.tsx","timestamp":1653504845182},{"id":"NSBn.tsx","timestamp":1653504958300},{"id":"eXJ4.tsx","timestamp":1653504987900},{"id":"cQZy.tsx","source":"Workspace Edit","timestamp":1653516573565},{"id":"XC0w.tsx","timestamp":1653516595199},{"id":"5sZe.tsx","source":"Workspace Edit","timestamp":1653516620077},{"id":"Ndpg.tsx","timestamp":1653516622869},{"id":"QXsn.tsx","timestamp":1653516925743},{"id":"8BEe.tsx","timestamp":1653516937811},{"id":"w2EA.tsx","timestamp":1653516961799},{"id":"vkkV.tsx","timestamp":1653517188004},{"id":"gvlE.tsx"

DoctorDerek