AstroとMDXで技術ブログ「WebTech Media」を開設しました

モダンな開発手法や、最新のWeb制作業界に関するメディアサイト「WebTech Media」を開始しました。

目次

WebTech Mediaが扱う内容について

新メディアでは、主に以下の情報についての記事を執筆していきます。

  • Astro、Next.jsなどのフレームワークに関する情報
  • Jamstackに関する情報
  • ヘッドレスCMSに関する情報

上記に関する情報はいまだに海外の記事が圧倒的に多く、日本語での情報が少ないので、自身の制作経験を通して共有していこうと思います。

WebTech Mediaの技術スタックについて

今回のサイト実装では、以下の技術スタックを使用しました。

  • Astro:Webフレームワーク
  • MDX:マークダウンにJSXを埋め込むことができるフォーマット
  • Vercel:ホスティングサービス

Astro

Astroとは、コンテンツ重視のWebサイトを作成するためのWebフレームワークです。

モダンなフレームワークのほとんどはWebアプリケーション開発のために設計されているため、Webサイト制作においてはオーバースペックなことが多いです。

その点、Astroでは「コンテンツが豊富なウェブサイトを構築するために設計されている」と明記されているほどで、個人運営のメディアサイトにはまさに最適だったので採用しました。

パフォーマンスに優れたサイトを作成できること、ドキュメントが充実していること、またMDXの相性の良さなども採用する理由になりました。

MDX

MDXとは、簡単に言えばマークダウンの拡張版で、mdファイルにJSXを埋め込むことができるフォーマットです。

通常のマークダウン記法に加え、ReactコンポーネントやJSXを直接埋め込むことができるので、デモやカスタマイズしたコンポーネントなどを自由に記事内で使用できるのが強みです。

Vercel

サイトのホスティングにはVercelを使用しています。

GitHubのリポジトリと連携させ、mainブランチにpushするだけでサイトをデプロイできます。

普段の案件でもVercelを使用しているので、採用しました。

最後に

以上、新メディアサイト「WebTech Media」開設のお知らせでした。

Jamstackや最近流行りのフレームワークを学びたい方や、Web業界の最新の情報を知りたい方は、ぜひ一度覗いてみてください!

当ブログでは、引き続きWordPressや基本的なWeb制作に関する情報を更新していきますので、こちらもよろしくお願いします。

記事が役に立ったらサポートしてください

Web制作に関する
記事案を募集中!

Web制作について知りたいこと、質問等ありましたら、以下のフォームから気軽に投稿してください。
要望が多かったものは解説記事を作成します。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次