Contentfulで記事やアセットを一括エクスポート/インポートする方法 | DevelopersIO
ベルリンオフィスの小西です。 ヘッドレスCMSのContentfulで、投稿された記事や画像などのアセットを別のスペースに移行したり、一括でエクスポートしたいケースがあります。 Contentfulからインポート/エクスポートツールが公開されているので、CLIを使ってスペース内のリソースを丸ごと移行してみます。 CLIのインストール npm npm install -g contentful-cli yarn yarn global add contentful-cl Management APIキーの取得 ダッシュボードから、Management APIキー（CMA）を取得します。 Management APIキーの一覧ページでは、所属するOrganizationに紐づく全てのAPIキーが表示されるのルので、わかりやすい名前をつけておいたほうが管理が楽になります。 「Generate」を
[初心者向け]Contentfulの全体像・記事投稿の流れ・便利な機能をまとめてみた | DevelopersIO
どうも、ベルリンオフィスの小西です。 ヘッドレス CMS の Contentful について、そういえば概要説明的な記事は書いたことがなかったなと思い、本記事を執筆してみました。 この記事で Contentful の全体像や使用する際の流れを把握できるようにしているつもりです。 こういう情報が欲しいなどあればお気軽にご連絡ください。 Contentfulについて Contentful はヘッドレス CMS の一つです。 Contentful では記事やアセット（画像など）の管理を行い、記事の取得や表示などを行う「ビュー（View）」は外部に委ねるため、ヘッドレスと言われます。 Contentful はドイツの会社で、弊社のヨーロッパオフィスと同じベルリンに本社があり、アメリカ・ヨーロッパを中心にグローバルにサービス展開しています。 Contentfulの全体像 Contentful の基本
![[初心者向け]Contentfulの全体像・記事投稿の流れ・便利な機能をまとめてみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/ea57ff72b375f8110786fdfce004a8904911e6ea/height=288;version=1;width=512/https%3A%2F%2Fd1tlzifd8jdoy4.cloudfront.net%2Fwp-content%2Fuploads%2F2022%2F12%2FUntitled6-3.png)
Contentfulだけで画像変換が割と優秀。フォーマット変換・リサイズ・顔切り抜きなど試してみたよ | DevelopersIO
ヘッドレスCMSのContentfulにはアセット管理機能があり、投稿された画像や動画、各種ファイルを配信するエンドポイントを持っています。 例: https://images.ctfassets.net/e1p9n7i8vdx5/16c9dAKMoKF90j49d6mGmr/788636ce6b837cd8a6cc67a298011d7e/73047226-2a82-484d-8f08-7b7e1a28a2f8.JPG 実はこのURLでパラメーターによる画像変換や最適化が可能で、例えば画像フォーマットの変換やリサイズ、写真内の人物の顔を中心にした自動的な切り抜きなど、シンプルながら優秀な画像配信機能を持っています。 本記事ではその使い道をまとめてみます。 1. フォーマット変換 Contentfulに投稿された画像について、jpgやavifなどの別フォーマットに変換して配信が可能です。
GatsbyでContentfulのマークダウン形式のテキストを読み込んでHTMLとして出力する | DevelopersIO
どうも、ベルリンオフィスの小西です。 ヘッドレスCMSのContentfulで長文入力フィールドを作る際、マークダウン形式 とリッチテキスト形式が選択できます。 基本的には使いたい方を使えばいいのですが、Contentful的にはマークダウン形式がおすすめな気がします。 リッチテキストを扱う方法については以前記事を書いたので、 今回はContentfulで投稿されたマークダウンテキストをGatsbyでパースしてHTML表示する方法についてまとめます。 Gatsbyでフロントエンドを作る際、マークダウンを出力する方法はいくつかありますが、今回はGatsbyのオフィシャルプラグインのみを使う方法で行います。 前提 Gatsby : 4系以降のバージョン Gatsbyプラグイン gatsby-source-contentful : 7系以降のバージョン 3系以前のバージョンの場合、Content
ContentfulからWebhockでGitHub Actions叩いてGatsbyのプロジェクトをビルドしてNetlifyにDeployする - Qiita
ContentfulからWebhockでGitHub Actions叩いてGatsbyのプロジェクトをビルドしてNetlifyにDeployするNetlifygatsbyCICDnetlify-cliGitHubActions はじめに こんにちは.TikTokで日向坂46のメンバーの目の部分の切り抜きでも誰だか分かるよね？という感じの趣旨の動画を見たのですが、推しの松田好花さんだけわかりませんでした.悔しいです.筆者です. さて、GatsbyのプロジェクトをNetlifyでホスティングしております. 今までNetlifyでビルドしてましたが、意外と無料枠超えるのではという不安が発生しました. Netlifyの無料枠超えるのでは Netlifyの無料枠では1か月で300分までビルドが可能です. 筆者はHeadless CMSのContentfulを用いてサイトのコンテンツを管理しております
Contentfulでコンテンツを更新したらGitHubActionを実行したい
自作のブログをContentful（ヘッドレスCMS） + Next.jsのSSGで作ったのですが、Contentfulでコンテンツを更新した後、ビルドしてデプロイするためにGitHub Actionを実行する必要があります。 手動でやってましたがめんどくさいので、コンテンツを更新したら自動でアクションが実行されるようにしたいと思います。 大まかな手順 GitHub Personal Access Tokenを作成 ContentfulでWebhookを設定 Actionを修正 前提:そもそもWebhookでGitHub Actionを実行する設定ってどうすればいいの？ GitHub Actionの公式Docを見たところ、どうやらrepository_dispatchイベントというのを発生させるといいようです。 URLは、https://api.github.com/repos/OWNER
Github Actions で Gatsby + Contentful のブログを VPS にデプロイする - utamt engineer blog
Gatsby + Contentful で作成したブログを VPS で運用しています。Contentful で記事を作成したり、コードを github に push したときに自動でデプロイするようにしたかったので、その仕組みを Github Actions を使って構築しました。 前提 以下の状態であることを想定します。 VPS で gatsby のアプリが稼働している (= npm run serve が実行中) 公開鍵認証で SSH が可能である 公開鍵/秘密鍵が作成済みで、~/.ssh/authorized_keys に公開鍵が登録されている ワークフロー作成 Github Actions は、プロジェクトの .github/workflows ディレクトリ配下にある .yml ファイルの内容を元に実行されます。ファイル名は任意ですが、今回は deploy.yml とします。 na
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to correctly type Contentful EntryFieldTypes.AssetLink
Samuel Lawrentz | How to cache your Gatsby site for faster builds in Github Actions?
ブログサイトを作りながら学ぶGatsby入門
GitHub - dcifuen/gatsby-contentful-firebase-demo: Demo to showcase how to deploy to Firebase, statically generated sites by Gatsby using Contentful
Where content drives business momentum | Contentful