diff --git a/app/(main)/blog/[slug]/page.tsx b/app/(main)/blog/[slug]/page.tsx
index 3c34f9e1..9674e2f4 100644
--- a/app/(main)/blog/[slug]/page.tsx
+++ b/app/(main)/blog/[slug]/page.tsx
@@ -35,9 +35,9 @@ export default async function Page({ params }: { params: { slug: string } }) {
       backHref="/blog"
       backText="Go back to posts"
       featuredImage={
-        image ?
+        image ? (
           <Image alt="Featured image" placeholder="blur" src={image} />
-        : undefined
+        ) : undefined
       }
       meta={meta}
     >
diff --git a/app/(main)/blog/posts/building-figma-multiplayer-cursors/content.mdx b/app/(main)/blog/posts/building-figma-multiplayer-cursors/content.mdx
index 853f74d2..81edaac9 100644
--- a/app/(main)/blog/posts/building-figma-multiplayer-cursors/content.mdx
+++ b/app/(main)/blog/posts/building-figma-multiplayer-cursors/content.mdx
@@ -333,9 +333,9 @@ const server = Bun.serve<{ connectionId: string }>({
       const connectionId = Math.random().toString(36).slice(2)
 
       const success = server.upgrade(req, { data: { connectionId } })
-      return success ? undefined : (
-          new Response("WebSocket upgrade error", { status: 400 })
-        )
+      return success
+        ? undefined
+        : new Response("WebSocket upgrade error", { status: 400 })
     }
 
     return new Response("Hello world")
diff --git a/app/(main)/blog/posts/efficient-prisma-pagination/content.mdx b/app/(main)/blog/posts/efficient-prisma-pagination/content.mdx
index 3c17ebd3..9f46c84e 100644
--- a/app/(main)/blog/posts/efficient-prisma-pagination/content.mdx
+++ b/app/(main)/blog/posts/efficient-prisma-pagination/content.mdx
@@ -57,10 +57,11 @@ type SearchBytesProps = {
 
 function searchBytes({ before, after }: SearchBytesProps) {
   const cursor = after ?? before
-  const direction: Direction =
-    after ? "forward"
-    : before ? "backward"
-    : "none"
+  const direction: Direction = after
+    ? "forward"
+    : before
+      ? "backward"
+      : "none"
 
   const res = await prisma.byte.findMany({
     cursor: cursor ? { id: cursor } : undefined,
@@ -137,9 +138,9 @@ array.
 
 ```typescript
 const bytes =
-  direction === "backward" ?
-    res.slice(0, PAGE_SIZE)
-  : res.slice(-PAGE_SIZE)
+  direction === "backward"
+    ? res.slice(0, PAGE_SIZE)
+    : res.slice(-PAGE_SIZE)
 ```
 
 Okay, it's finally time to use that extra result that we've been talking
@@ -166,14 +167,14 @@ page links becomes fairly simple.
 
 ```typescript showLineNumbers {2,7}
 const nextHref =
-  direction === "backward" || hasMore ?
-    `/bytes?after=${bytes.at(-1)?.id}`
-  : undefined
+  direction === "backward" || hasMore
+    ? `/bytes?after=${bytes.at(-1)?.id}`
+    : undefined
 
 const prevHref =
-  direction === "forward" || (direction === "backward" && hasMore) ?
-    `/bytes?before=${bytes.at(0)?.id}`
-  : undefined
+  direction === "forward" || (direction === "backward" && hasMore)
+    ? `/bytes?before=${bytes.at(0)?.id}`
+    : undefined
 ```
 
 ## Conclusion
diff --git a/app/(main)/bytes/api.ts b/app/(main)/bytes/api.ts
index f6462491..f1c184ea 100644
--- a/app/(main)/bytes/api.ts
+++ b/app/(main)/bytes/api.ts
@@ -153,9 +153,8 @@ export const searchBytes = cache(
       take: (direction === "left" ? -1 : 1) * (PAGE_SIZE + 1),
       // Search by tag, or by title/description
       where: {
-        OR:
-          query ?
-            [
+        OR: query
+          ? [
               { title: { contains: query } },
               { description: { contains: query } },
             ]
@@ -178,15 +177,15 @@ export const searchBytes = cache(
       nextHref:
         // The next button is enabled when we are moving left, or there are more
         // pages to the right.
-        direction === "left" || hasMore ?
-          `${prefix}after=${bytes.at(-1)?.id}`
-        : undefined,
+        direction === "left" || hasMore
+          ? `${prefix}after=${bytes.at(-1)?.id}`
+          : undefined,
       prevHref:
         // The previous button is enabled when we are moving right, or there
         // are more pages to the left.
-        direction === "right" || (direction === "left" && hasMore) ?
-          `${prefix}before=${bytes.at(0)?.id}`
-        : undefined,
+        direction === "right" || (direction === "left" && hasMore)
+          ? `${prefix}before=${bytes.at(0)?.id}`
+          : undefined,
     }
   },
 )
diff --git a/app/(main)/bytes/page.tsx b/app/(main)/bytes/page.tsx
index f480689f..4c47d954 100644
--- a/app/(main)/bytes/page.tsx
+++ b/app/(main)/bytes/page.tsx
@@ -30,10 +30,7 @@ export default async function Blog({
   }
 }) {
   const { after, before, q: query, tag } = searchParams
-  const direction: Direction =
-    after ? "right"
-    : before ? "left"
-    : "none"
+  const direction: Direction = after ? "right" : before ? "left" : "none"
   const { bytes, nextHref, prevHref } = await searchBytes({
     cursor: after ?? before,
     direction,
@@ -58,7 +55,7 @@ export default async function Blog({
           />
         </form>
 
-        {query || tag ?
+        {query || tag ? (
           <div className="mt-2 flex justify-between px-2 text-sm">
             <p
               className="transition-colors dark:text-zinc-200"
@@ -77,10 +74,10 @@ export default async function Blog({
               Clear
             </Link>
           </div>
-        : null}
+        ) : null}
       </div>
 
-      {bytes.length ?
+      {bytes.length ? (
         <div className="mt-16 flex flex-col gap-16 sm:mt-20">
           {bytes.map((byte) => {
             const date = toDateString(byte.createdAt)
@@ -118,7 +115,7 @@ export default async function Blog({
             )
           })}
 
-          {prevHref || nextHref ?
+          {prevHref || nextHref ? (
             <div className="mt-12 flex items-center justify-center gap-6">
               <PageLink href={prevHref}>
                 <ChevronLeftIcon className="size-4 stroke-current" />
@@ -130,9 +127,10 @@ export default async function Blog({
                 <ChevronRightIcon className="size-4 stroke-current" />
               </PageLink>
             </div>
-          : null}
+          ) : null}
         </div>
-      : <p className="mx-auto mt-24 flex max-w-xl flex-col items-center text-center text-base text-zinc-700 transition-colors dark:text-zinc-300">
+      ) : (
+        <p className="mx-auto mt-24 flex max-w-xl flex-col items-center text-center text-base text-zinc-700 transition-colors dark:text-zinc-300">
           <FaceFrownIcon className="mb-3 h-12 w-12" />
           <span className="mb-1">
             We couldn’t find any bytes matching{" "}
@@ -140,7 +138,7 @@ export default async function Blog({
           </span>
           <span>Try another query or reset your search to view all bytes.</span>
         </p>
-      }
+      )}
     </SimpleLayout>
   )
 }
diff --git a/app/(main)/uses/page.tsx b/app/(main)/uses/page.tsx
index fe4c7fc4..ff4ec871 100644
--- a/app/(main)/uses/page.tsx
+++ b/app/(main)/uses/page.tsx
@@ -35,9 +35,7 @@ function Tool({ children, href, title }: ToolProps) {
         {children}
       </Card.Description>
 
-      {href ?
-        <Card.ExternalLink href={href} />
-      : null}
+      {href ? <Card.ExternalLink href={href} /> : null}
     </Card>
   )
 }
diff --git a/app/components/Card.tsx b/app/components/Card.tsx
index 4dc09b74..7c3611a2 100644
--- a/app/components/Card.tsx
+++ b/app/components/Card.tsx
@@ -67,11 +67,13 @@ Card.Title = function CardTitle({
 
   return (
     <Component className="text-base font-semibold tracking-tight">
-      {href ?
+      {href ? (
         <Card.Link className={className} href={href} prefetch={prefetch}>
           {children}
         </Card.Link>
-      : <span className={className}>{children}</span>}
+      ) : (
+        <span className={className}>{children}</span>
+      )}
     </Component>
   )
 }
diff --git a/app/components/NavMenu.tsx b/app/components/NavMenu.tsx
index 2bacbe85..b872a233 100644
--- a/app/components/NavMenu.tsx
+++ b/app/components/NavMenu.tsx
@@ -21,9 +21,9 @@ export function NavMenuItem<T extends object>(props: NavMenuItemProps<T>) {
       className={({ isFocused, isSelected }) =>
         twMerge(
           "group flex w-full cursor-default items-center rounded-lg px-4 py-2 text-xs font-medium outline-none",
-          isFocused ?
-            "bg-zinc-100 text-zinc-900 dark:bg-zinc-900 dark:text-zinc-100"
-          : "text-zinc-700 dark:text-zinc-300",
+          isFocused
+            ? "bg-zinc-100 text-zinc-900 dark:bg-zinc-900 dark:text-zinc-100"
+            : "text-zinc-700 dark:text-zinc-300",
           isSelected && "text-indigo-700 dark:text-indigo-300",
         )
       }
diff --git a/app/components/layouts/PostLayout.tsx b/app/components/layouts/PostLayout.tsx
index 791c17ab..9ba6ba0e 100644
--- a/app/components/layouts/PostLayout.tsx
+++ b/app/components/layouts/PostLayout.tsx
@@ -42,28 +42,32 @@ export function PostLayout({
 
           <article>
             <header className="flex flex-col">
-              {meta ?
+              {meta ? (
                 <PageTitle className="text-3xl sm:text-4xl">
                   {meta.title}
                 </PageTitle>
-              : <Skeleton className="mb-2 h-10" />}
+              ) : (
+                <Skeleton className="mb-2 h-10" />
+              )}
 
               <div>
-                {meta ?
+                {meta ? (
                   <time
                     className="text-base text-zinc-500 transition-colors dark:text-zinc-300"
                     dateTime={meta.date}
                   >
                     {formatDate(meta.date)}
                   </time>
-                : <Skeleton className="h-6 w-40 rounded">{"\u200b"}</Skeleton>}
+                ) : (
+                  <Skeleton className="h-6 w-40 rounded">{"\u200b"}</Skeleton>
+                )}
               </div>
 
-              {featuredImage ?
+              {featuredImage ? (
                 <div className="-mx-4 mb-12 mt-8 flex aspect-video items-center justify-center overflow-hidden sm:-ml-7 sm:-mr-6 sm:rounded-xl">
                   {featuredImage}
                 </div>
-              : null}
+              ) : null}
             </header>
 
             <Prose className="mt-8">{children}</Prose>
diff --git a/app/components/root/Footer.tsx b/app/components/root/Footer.tsx
index 1d437706..3fae176e 100644
--- a/app/components/root/Footer.tsx
+++ b/app/components/root/Footer.tsx
@@ -40,9 +40,9 @@ export function Footer({ variant }: FooterProps) {
   return (
     <footer
       className={clsx(
-        variant === "home" ?
-          "bg-blue-100/80 transition-colors dark:bg-slate-800"
-        : "mt-16 lg:mt-32",
+        variant === "home"
+          ? "bg-blue-100/80 transition-colors dark:bg-slate-800"
+          : "mt-16 lg:mt-32",
       )}
     >
       <Container>
diff --git a/app/components/root/Header.tsx b/app/components/root/Header.tsx
index 0a2eeb7b..10fd3013 100644
--- a/app/components/root/Header.tsx
+++ b/app/components/root/Header.tsx
@@ -17,9 +17,9 @@ export function Header({ variant }: HeaderProps) {
     <header
       className={twMerge(
         "sticky z-50 flex flex-col pt-8",
-        variant === "home" ?
-          "top-0 h-40 bg-gradient-to-b from-blue-100/80 to-blue-200/80 before:absolute before:inset-0 before:z-[-1] before:bg-gradient-to-b before:from-slate-900/90 before:to-slate-800/90 before:opacity-0 before:transition-opacity before:duration-300 lg:h-60 dark:before:opacity-100"
-        : "flex h-full animate-[header_1ms_linear_both] flex-col bg-white pb-2 transition-colors duration-300 [animation-range:0_80px] [animation-timeline:scroll()] dark:bg-zinc-900",
+        variant === "home"
+          ? "top-0 h-40 bg-gradient-to-b from-blue-100/80 to-blue-200/80 before:absolute before:inset-0 before:z-[-1] before:bg-gradient-to-b before:from-slate-900/90 before:to-slate-800/90 before:opacity-0 before:transition-opacity before:duration-300 lg:h-60 dark:before:opacity-100"
+          : "flex h-full animate-[header_1ms_linear_both] flex-col bg-white pb-2 transition-colors duration-300 [animation-range:0_80px] [animation-timeline:scroll()] dark:bg-zinc-900",
         variant === "main" && "-top-6",
       )}
     >
diff --git a/app/layout.tsx b/app/layout.tsx
index 8d19b0ba..c22d5763 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -50,9 +50,9 @@ export default function RootLayout({ children }: RootLayoutProps) {
         <Providers>{children}</Providers>
       </body>
 
-      {process.env.NEXT_PUBLIC_GA_ID ?
+      {process.env.NEXT_PUBLIC_GA_ID ? (
         <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_ID} />
-      : null}
+      ) : null}
     </html>
   )
 }
diff --git a/app/lib/date.ts b/app/lib/date.ts
index c663223b..61e910aa 100644
--- a/app/lib/date.ts
+++ b/app/lib/date.ts
@@ -19,8 +19,8 @@ export function formatDate(date: string | Date) {
 
 export function parseDate(date: string | Date) {
   if (typeof date === "string") {
-    return date.includes("T") ?
-        new Date(date)
+    return date.includes("T")
+      ? new Date(date)
       : new Date(`${date}T08:00:00-06:00`)
   }
 
diff --git a/app/lib/image.ts b/app/lib/image.ts
index 1d974c41..76f00e2f 100644
--- a/app/lib/image.ts
+++ b/app/lib/image.ts
@@ -7,9 +7,9 @@ export function isExternalImage(src: ImageProps["src"] | undefined) {
 export function getSrc(src: ImageProps["src"] | undefined) {
   if (!src) return undefined
 
-  return (
-    typeof src === "string" ? src
-    : "default" in src ? src.default.src
-    : src.src
-  )
+  return typeof src === "string"
+    ? src
+    : "default" in src
+      ? src.default.src
+      : src.src
 }
diff --git a/components/markdown/MarkdownImage.tsx b/components/markdown/MarkdownImage.tsx
index be68a032..2f996cd7 100644
--- a/components/markdown/MarkdownImage.tsx
+++ b/components/markdown/MarkdownImage.tsx
@@ -13,9 +13,8 @@ export default async function MarkdownImage({
   const isAltHidden = altProp?.startsWith("!")
   const alt = isAltHidden ? altProp.slice(1) : altProp
 
-  const image =
-    isExternalImage(src) ?
-      { default: src }
+  const image = isExternalImage(src)
+    ? { default: src }
     : await import(`../../app/(main)/blog/posts/${src}`)
 
   return (
diff --git a/components/markdown/MarkdownLink.tsx b/components/markdown/MarkdownLink.tsx
index 243dda80..a3ae36d9 100644
--- a/components/markdown/MarkdownLink.tsx
+++ b/components/markdown/MarkdownLink.tsx
@@ -7,9 +7,11 @@ export default function MarkdownLink({ href = "#", ...props }: LinkProps) {
   const isInternalLink = href.startsWith("/")
   const isAnchorLink = href.startsWith("#")
 
-  return (
-    isInternalLink ? <Link href={href} {...props} />
-    : isAnchorLink ? <a href={href} {...props} />
-    : <a href={href} rel="noopener noreferrer" target="_blank" {...props} />
+  return isInternalLink ? (
+    <Link href={href} {...props} />
+  ) : isAnchorLink ? (
+    <a href={href} {...props} />
+  ) : (
+    <a href={href} rel="noopener noreferrer" target="_blank" {...props} />
   )
 }
diff --git a/components/markdown/MarkdownPre.tsx b/components/markdown/MarkdownPre.tsx
index 262bd3d9..ca9608fe 100644
--- a/components/markdown/MarkdownPre.tsx
+++ b/components/markdown/MarkdownPre.tsx
@@ -40,13 +40,13 @@ export default function MarkdownPre({
       <div
         className={clsx(
           "absolute z-10 flex gap-3 transition-opacity delay-100 group-hover:opacity-100",
-          hasTitle ?
-            "right-[10px] top-[10px]"
-          : "right-[15px] top-[15px] opacity-0",
+          hasTitle
+            ? "right-[10px] top-[10px]"
+            : "right-[15px] top-[15px] opacity-0",
         )}
         data-testid="toolbar"
       >
-        {hasFocus ?
+        {hasFocus ? (
           <ToolbarButton
             aria-label={isExpanded ? "Collapse code" : "Expand code"}
             onClick={() => setIsExpanded(!isExpanded)}
@@ -65,7 +65,7 @@ export default function MarkdownPre({
               />
             </svg>
           </ToolbarButton>
-        : null}
+        ) : null}
 
         <ToolbarButton
           aria-label={copied ? "Copied" : "Copy code"}
@@ -93,9 +93,7 @@ export default function MarkdownPre({
       <pre
         ref={preRef}
         className={clsx(
-          !hasFocus ? undefined
-          : isExpanded ? "expanded"
-          : "collapsed",
+          !hasFocus ? undefined : isExpanded ? "expanded" : "collapsed",
           className,
         )}
         {...props}
diff --git a/config/rehype-parse-code-meta.mjs b/config/rehype-parse-code-meta.mjs
index 84adf518..0a491ebf 100644
--- a/config/rehype-parse-code-meta.mjs
+++ b/config/rehype-parse-code-meta.mjs
@@ -31,8 +31,9 @@ export default function rehypeParseCodeMeta() {
       tree,
       (node) => node.type === "element" && node.tagName === "pre",
       (node) => {
-        const code =
-          Array.isArray(node.children) ? node.children[0] : node.children
+        const code = Array.isArray(node.children)
+          ? node.children[0]
+          : node.children
 
         const meta = builder(code.data?.meta ?? "")
           .add("showLineNumbers")
diff --git a/prettier.config.js b/prettier.config.js
index d5293ed6..3ff3131c 100644
--- a/prettier.config.js
+++ b/prettier.config.js
@@ -1,7 +1,6 @@
 /** @type {import("prettier").Config} */
 const config = {
   cssDeclarationSorterOrder: "alphabetical",
-  experimentalTernaries: true,
   overrides: [
     {
       files: "*.mdx",