Upgrade to Pro — share decks privately, control downloads, hide ads and more …

社内の採用サイトを microCMS・Next.js・AWS Amplifyを使ってリプレイスした話

社内の採用サイトを microCMS・Next.js・AWS Amplifyを使ってリプレイスした話

ジャムジャム!!Jamstack_6【初心者歓迎LT会】で話した内容です。
社内の採用サイトをmicroCMS・Next.js・AWS Amplifyを使ってリプレイスした時のことを話しました。

ジャムジャム!!Jamstack_6【初心者歓迎LT会】
https://jamjamjamstack.connpass.com/event/240403/

使用した技術というよりは、Jamstack化した理由や得られたメリットを中心にまとめました。

スライド37ページ目の補足記事はこちらです。
https://karukichi-blog.netlify.app/blogs/recruitment-site-replace

Soejima Karukichi

March 21, 2022
Tweet

More Decks by Soejima Karukichi

Other Decks in Technology

Transcript

  1. カルキチ副島 フロントエンドエンジニア@ショーケース Twitter: @karukichi_yah GitHub: https://github.com/Yota-K 経歴 2020年4月にエンジニアになったので、エンジニアとしての実務経験は2年弱で す。 1社目ではWordPressを使ったサイト構築と社内ツール(PHP・Laravel)の開発に

    携わっていました。 2020年5月からショーケースにジョインして、現在は自社SaaSアプリのフロントエ ンド開発(TypeScript・React、たまにVue)及び、技術選定に携わっています。 プロフィール
  2. 採用サイトをリニューアルするのに使用した技術 • WordPress • PHP • AWS ◦ EC2 ◦

    EBS ◦ Route53 ◦ WAF ◦ SES • microCMS • TypeScript • React • Next.js • Vanilla-Extract • AWS Amplify Before After
  3. 主な選定理由 ✔ ヘッドレスCMSとの相性がいいから。 ✔ Next.jsのAPI Routesを使いたい処理が必要だったから。 →メールの送信処理で使用。 AWS SDKを使用してSESからメール送信できるようにしています。 ✔

    今後TypeScript・React・Next.jsを社内のフロントのコア技術として 採用することを考えており、上記の技術に触れられる環境を作るため。