KaoruMuta.me

Here is my website consisted of several contents (Portfolio, Blog and so on). All pages are based on Next.js.

How to run at local

1. Clone this repository
2. (Optional) Install Bun
3. To install dependencies in the project, execute this on the project root:

bun install

4. To run the development server, execute this on the project root:

bun dev

How to generate OGP images

OGP images are generated from blog post frontmatter titles. Run this after adding or renaming a blog post:

bun run ogp:generate

To regenerate only one post image, pass the post id:

bun run ogp:generate -- --id look-back-2025

This script requires rsvg-convert. If it is installed in a custom location, set RSVG_CONVERT:

RSVG_CONVERT=/path/to/rsvg-convert bun run ogp:generate

How to provide your opinion in this website

When you would like to provide your opinion in this website, please post the detail as one of the issues from GitHub Issue tab. You can select appropriate issue template, and post the detail following the selected template. Please feel free to ask! (Of course, you can use any languages.)

Dependencies (framework / library)

Used to these dependencies

• next
• react
• react-dom
• react-icons
• react-share
• tailwindcss
• gray-matter
• marked
• gtag.js
• autoprefixer
• eslint
• eslint-config-next
• eslint-config-prettier
• postcss
• prettier
• typescript
• prism.js
• babel-plugin-prismjs
• next-sitemap

Reference

Refer to these website

• https://nextjs.org/docs
• https://tailwindcss.com/docs
• https://fwywd.com/tech/next-eslint-prettier
• https://fwywd.com/tech/next-tailwind
• https://fwywd.com/tech/next-ga-pv
• https://sunday-morning.app/posts/2020-11-22-react-share-sns
• https://jhcoder.com/2020-08-16
• https://zenn.dev/catnose99/articles/7201a6c56d3c88
• https://sunday-morning.app/posts/2020-12-15-next-js-prism-js-syntax-highlight
• https://b.0218.jp/202104021830.html
• https://imatomix.com/imatomix/notes/1637308371772
• https://fwywd.com/tech/next-sitemap

License

This project is under MIT.