I'd appreciate it if you could help me
Meshmell
Free 3D Models site
Visit the free 3D model site created by the same creator
Greetings! I'm Yurite, the admin of this blog. I run a blog called Yurimell. Today, I'd like to introduce the technologies that power this blog.
Initially, Yurimell was deployed on Vercel. However, to introduce advertisements and tipping services, it was necessary to upgrade to Vercel's Pro plan. This came with a monthly cost of 20 dollars, which was a significant downside. As a result, I decided to migrate to Google Cloud Run. Cloud Run is a service that allows you to easily deploy containerized applications in a fully managed environment. Furthermore, it automatically stops instances when there's no access, helping in cost savings.
We use Cloudflare to hold and serve information requested by browsers as a cache.
We've adopted TypeScript, which has now become the standard. This ensures that we can maintain high-quality code while minimizing bugs.
Tailwind css is used.
For my Yurimell blog, I've adopted Next.js 13. Using version 13 was a new endeavor for me, requiring me to relearn everything from the approuter. However, after developing with this new version, I found that information organization was improved, making it highly user-friendly. Notably, the existence of layout.js meant I no longer had to rewrite the same component repeatedly, leading to cleaner code. Additionally, setting up site maps and meta tags has become considerably easier. Once you experience Next.js 13, there's no going back to 12.
At Yurimell, we handle article content in MDX format. For this, we use libraries called next-mdx-remote and gray-matter.
next-mdx-remote: A tool for asynchronously loading MDX content in Next.js projects. This allows you to use MDX files to directly employ markdown syntax within React components, making dynamic content handling much easier.
gray-matter: A library for parsing the front matter at the beginning of markdown or MDX files. This front matter contains metadata like the article title and date, and with gray-matter, it's easy to retrieve this information.
Thank you for reading till the end. With recent technological advancements, the approach to web development has significantly evolved. Especially in the frontend realm, the pace of evolution is rapid, making it challenging to keep up. I hope to gradually adapt to these changes. Moving forward, I aim to create an even better blog.
