トップページ

Bonkata(ボンカタ)

テンプレート

Bonkataのリンク

使用した技術やツール

  • TypeScript

    TypeScript

  • Next.js

    Next.js

  • PostgreSQL

    PostgreSQL

  • Prisma

    Prisma

  • Vercel

    Vercel

  • microCMS

    microCMS

概要

ブログの構築に適した、microCMS用のテンプレートです。

機能

  • ユーザーによる記事に対するコメントの投稿
  • ユーザーによる問い合わせフォームからの問い合わせの受付
  • サイト内全文検索
  • ライトモードとダークモードの切替
  • 下書き状態の記事のプレビュー
  • 記事一覧ページでのページネーション

こだわり

Jamstackな構成のブログでありながら、WordPressで構築できるブログ相当の機能の実装を目指しました。

JamstackはWordPressと比較して、高速なページの遷移の実現やセキュリティリスクの軽減、ホスティング代の削減などの利点が考えられます。

代わりにデータベースを必要とするコメント機能や、サーバーサイドの処理が必要な問い合わせフォームなどの実装は、WordPressよりも手間が掛かります。

そのためJamstackサイトでは前述のような機能を実装しないか、機能ごとにSaaSで代替している場合が散見されます。


そのような状況において当テンプレートは、サードパーティのSaaSを使用することなく、コメント機能と問い合わせ機能を実装しています。

加えて、コメントの投稿においてはスパム対策として画像認証を実装しています。