jhseo-git / blog.seonest.net Goto Github PK

• https://github.com/vercel/og-image
• https://github.com/vercel/satori
• https://vercel.com/blog/introducing-vercel-og-image-generation-fast-dynamic-social-card-images

have to change <code> width to min-width

• https://www.notion.so/blog/migrating-notion-marketing-to-next-js

• https://beta.nextjs.org/docs/routing/route-handlers

• use /app: Layouts, RSC, Streaming
• use @next/font

• https://analytics.google.com/analytics

• https://github.com/reactjs/rfcs/pull/229

• https://nextjs.org/blog/next-13-2
• https://twitter.com/shadcn/status/1629137059976818688

https://www.contentlayer.dev/docs/concepts/comparison#nextmdxremote-vs-contentlayer

next-mdx-remote is a set of utilities to help work with MDX in Next.js projects. These utilities are powerful and, before Contentlayer, were a great solution for using MDX in Next.js projects.

Where next-mdx-remote stops is that it does not handle loading content from sources, whether local or remote. Contentlayer will load content from source files and also supports MDX. Contentlayer also automatically generates TypeScript type definitions to ensure the content being processed is in the shape you'd expect, which next-mdx-remote does not handle.

• https://nextjs.org/blog/next-13-1

🤸‍♂️

https://kentcdodds.com/blog/profile-a-react-app-for-performance

• change vercel image optimization to custom or anything image optimization

• https://www.prisma.io/docs/guides/database/using-prisma-with-planetscale#how-to-make-schema-changes-with-db-push
• https://planetscale.com/docs/tutorials/deploy-to-vercel
• https://www.prisma.io/docs/concepts/components/prisma-migrate/shadow-database
• prisma/prisma#7292
• https://planetscale.com/blog/how-to-setup-next-js-with-prisma-and-planetscale

in deno.

• https://deno.com/blog/you-dont-need-a-build-step

• https://nextjs.org/blog/next-13

• https://nextjs.org/blog/next-13-3

• https://github.com/facebook/react/pull/25229

• codemod next/link, next/image

https://vercel.com/docs/concepts/functions/edge-functions
https://vercel.com/docs/concepts/edge-network/overview
https://www.prisma.io/blog/database-access-on-the-edge-8F0t1s1BqOJE

• https://twitter.com/leeerob/status/1639639575843729409

• https://beta.nextjs.org/docs/guides/seo

https://monorepo.tools/

• add dark mode styles
• add switch

• https://www.deeplearning.ai/short-courses/chatgpt-prompt-engineering-for-developers/

• https://www.prisma.io/blog/prisma-and-serverless-73hbgKnZ6t

• https://vercel.com/blog/how-react-18-improves-application-performance

TypeScript + Native ESM + Node.js + ...

• https://2ality.com/2021/06/typescript-esm-nodejs.html
• https://www.typescriptlang.org/docs/handbook/esm-node.html
• https://devblog.kakaostyle.com/ko/2022-04-09-1-esm-problem/
• https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c

• less JavaScript
• Next.js 13
• simplify

https://learn.deeplearning.ai/chatgpt-building-system

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

• chore(deps): update commitlint monorepo to v18.4.4 (@commitlint/cli, @commitlint/config-conventional)
• chore(deps): update dependency esbuild to v0.19.11
• chore(deps): update dependency postcss to v8.4.33
• chore(deps): update dependency typescript to v5.3.3
• chore(deps): update nextjs monorepo to v14.0.4 (@next/bundle-analyzer, eslint-config-next)
• chore(deps): update react monorepo (@types/react, @types/react-dom)
• fix(deps): update dependency react-medium-image-zoom to v5.1.10
• fix(deps): update dependency rehype-pretty-code to v0.12.5
• fix(deps): update dependency sharp to v0.33.2
• fix(deps): update dependency shiki to v0.14.7
• chore(deps): update dependency @types/node to v20.11.5
• chore(deps): update dependency eslint to v8.56.0
• chore(deps): update dependency eslint-config-prettier to v9.1.0
• chore(deps): update dependency eslint-plugin-tailwindcss to v3.14.0
• chore(deps): update dependency prettier to v3.2.4
• chore(deps): update dependency pretty-quick to v3.3.1
• chore(deps): update dependency tailwindcss to v3.4.1
• chore(deps): update typescript-eslint monorepo to v6.19.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• fix(deps): update dependency @codesandbox/sandpack-react to v2.11.2
• fix(deps): update dependency @giscus/react to v2.4.0
• fix(deps): update dependency clsx to v2.1.0
• fix(deps): update dependency date-fns to v3.2.0
• fix(deps): update dependency framer-motion to v10.18.0
• fix(deps): update dependency react-tweet to v3.2.0
• fix(deps): update dependency tailwind-merge to v2.2.0
• fix(deps): update prisma monorepo to v5.8.1 (@prisma/client, prisma)

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): update dependency lucide-react to ^0.311.0
• chore(deps): update dependency pretty-quick to v4
• fix(deps): update dependency remark-gfm to v4
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

• https://www.joshwcomeau.com/blog/the-end-of-frontend-development/

• side navbar overflow style.
• mdx <Table /> component margin style.
• TOC Heading current-heading's invoke logic.

https://nextjs.org/blog/next-13-4#server-actions-alpha

• only count by slug
• apply cache for fetch (swr or react-query)

• https://www.danstroot.com/snippets/embed-tweets-mdx
• https://www.npmjs.com/package/next-tweet

• https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/

• https://blog.platformatic.dev/the-nodejs-event-loop

• https://beta.nextjs.org/docs/guides/mdx#remote-mdx

https://twitter.com/dan_abramov/status/1631641431742857216

• https://vercel.com/blog/vercel-storage

change to rehype-pretty-code + shiki

• https://github.com/radix-ui/primitives/blob/main/packages/react/context/src/createContext.tsx

• collect counts when read a post
• add view count component

https://www.joshwcomeau.com/react/server-components/

https://vercel.com/blog/understanding-react-server-components