Newt

Newt + Next.js + Vercel でポートフォリオサイトを作る

以前の WordPress + Nuxt.js(Netlify) から Newt + Next.js(Vercel)の構成に変更しました。 GitHub: https://github.com/yuheijotaki/works-next Vercel: https://works.yuheijotaki.com/ 絞り込み機能のところで、 useState() を使って状態管理してみま…

Next.js マークアップ観点の勘所

フロントをNext.js(TypeScript)、ヘッドレスCMSをNewtでサイトを作ってみて、勘所とまでいくか分からないですがつまづいたところ中心のメモです。 型 型の作成 型の作成はNewtのJSONプレビューから quicktype 使ったら早かった。 ここで生成したコードを t…

WordPress(ACF)とNewtの管理画面の違い

Newtをもう少し触る機会があったので、管理画面のフィールド作成や編集画面をWordPressと比べてみました。 フィールド作成 WordPress(ACF) Newt 編集画面 WordPress(ACF) Newt 所感 WordPressは元々ブログCMSのため、日付やカテゴリーが標準で用意されて…

Newtで登録したコンテンツをNext.jsで表示する

前回の記事 にて、Next.jsのHello WorldからVercelへのデプロイまでを行いました。 今回はヘッドレスCMSを用いて登録したコンテンツの表示までを行ってみます。 構成 フロントエンド:Next.js ヘッドレスCMS:Newt ホスティング:Vercel Newt は昨年にローン…