モダンな技術を紹介するテックメディア「WebTech Media」を公開しました

プロジェクト概要

WebTech Mediaは、最新のWeb技術やモダンな開発手法に特化した情報をお届けするメディアサイトです。
Jamstackをはじめとする革新的なWeb制作手法やツールに関する知見を共有し、Web制作の現場で役立つ実践的な情報を発信するために作成しました。

こだわりポイント

①Webフレームワーク「Astro」を使用

Astroとは、コンテンツにフォーカスした高速なWebサイトを構築するための静的サイトビルダーです。Astroではアイランドアーキテクチャや、JavaScriptの読み込みを極限まで減らす施策など、サイト高速化に特化した機能が多数用意されています。

また「コンテンツ重視のWebサイト構築」を想定して作られているため、今回のようなメディアサイトに最適なフレームワークです。

②記事執筆にはマークダウンの拡張版「MDX」を使用

MDXは、ReactコンポーネントをMarkdownファイル内で記述できるようにするための拡張機能です。MDXを使用することで、記事内にReactコンポーネントを埋め込むことが可能になり、記事内で動的なコンテンツを表示することができます。

一般的なCMSでは、記事内に使用可能なパーツは限定されていることが多いです。
それに対してMDXでは、自作のReactやAstroコンポーネントを埋め込むことができるため、記事パーツを自由にカスタマイズすることが可能です。

記事内に自作したブログパーツや実装デモを埋め込む必要があったので、MDXを採用しました。

Jamstack製のメディアサイト構築ならコードハイブにご相談ください！

パフォーマンスを重視したJamstack製のメディア構築をご希望でしたら、ぜひコードハイブにご相談ください！

当メディアではMDXを採用していますが、microCMSやNewtなどのヘッドレスCMSを利用して、管理画面から簡単に記事を更新するシステムを提供することも可能です。

Jamstackサイト開発は多数の実績がありますので、興味がありましたらぜひお問い合わせください。