The blog.seonest.net from jhseo-git

post view counts

collect counts when read a post
add view count component

change styled-components to tailwindcss

less JavaScript
Next.js 13
simplify

The End of Front-End Development

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

How React18 imporves application performance

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

replace next-mdx-remote to contentlayer

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.

database access on the edge

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

apply Metadata API

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

Dependency Dashboard

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

Open

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

Detected dependencies

docker-compose

docker/mysql/docker-compose.yml

npm

package.json

@codesandbox/sandpack-react ^2.14.2

@giscus/react ^3.0.0

@prisma/client ^5.15.0

@radix-ui/react-dropdown-menu ^2.0.6

@radix-ui/react-toggle ^1.0.3

@vercel/analytics ^1.3.1

class-variance-authority ^0.7.0

clsx ^2.1.1

contentlayer ^0.3.4

date-fns ^3.6.0

framer-motion ^11.2.10

giscus ^1.5.0

github-slugger ^2.0.0

lucide-react ^0.390.0

next 14.2.3

next-contentlayer ^0.3.4

next-themes ^0.3.0

react ^18.3.1

react-dom ^18.3.1

react-is ^18.3.1

react-medium-image-zoom ^5.2.4

react-twc ^1.4.1

react-tweet ^3.2.1

rehype-autolink-headings ^7.1.0

rehype-pretty-code ^0.13.2

rehype-slug ^6.0.0

remark-gfm 3.0.1

sharp ^0.33.4

shiki ^1.6.3

swr ^2.2.5

tailwind-merge ^2.3.0

@commitlint/cli ^19.3.0

@commitlint/config-conventional ^19.2.2

@ianvs/prettier-plugin-sort-imports ^4.2.1

@next/bundle-analyzer ^14.2.3

@types/glob ^8.1.0

@types/mdx ^2.0.13

@types/node ^20.14.2

@types/react ^18.3.3

@types/react-dom ^18.3.0

@typescript-eslint/eslint-plugin ^7.12.0

@typescript-eslint/parser ^7.12.0

autoprefixer ^10.4.19

concurrently ^8.2.2

esbuild ^0.21.4

esbuild-register ^3.5.0

eslint ^8.57.0

eslint-config-next ^14.2.3

eslint-config-prettier ^9.1.0

eslint-plugin-json-format 2.0.1

eslint-plugin-react ^7.34.2

eslint-plugin-tailwindcss ^3.17.3

lint-staged ^15.2.5

postcss ^8.4.38

prettier ^3.3.1

pretty-quick ^4.0.0

prisma ^5.15.0

seonest-post-gen ^0.3.1

simple-git-hooks ^2.11.1

tailwindcss ^3.4.4

tailwindcss-animate ^1.0.7

tailwindcss-radix ^3.0.3

typescript ^5.4.5