こんにちは。 今回は横浜市磯子区に開業された占いサロンSarey様(https://sarey.org)のWebサイトを作成させていただきました。 開業間もないとのことでしたのでシンプルで控えめなデザインで、実装に関してはGatsby.jsを用いてReactベースでコーディングを行い、効率的に開発することができました。 私個人としては企業様の案件に参画させていただく働き方がメインで、Web…

おはようございます 以前の記事でも書いたように、Gatsbyを用いてブログを構築した場合は、更新のために記事投稿ごとに手動でビルド&デプロイが必要との認識でした。 しかしNetlifyとContentful側の設定で、簡単に記事投稿時に自動でビルド&デプロイできるように設定できるとのことがわかりましたので今回はその件について紹介します。 NetlifyのSite SettingからBuild…

こんにちは 自作した当ブログでは、Styled-Componentを用いて実装していました。 Styled-Componentは実装の容易さと、コードの可読性の高さが良く、好んで使っていました。 ただ、Styled-Componentも欠点があり、それは実行速度とSSRとの相性の悪さです。 Styled-ComponentはCSS in JSの一種で、CSSファイルではなく、js…

こんにちは 今回からGatsby.jsについての記事を備忘も兼ねて投稿していきたいと思います。 Gatbyとは Gatsby.jsとは、Reactフレームワークの一種で、静的サイトジェネレーターです。 https://www.gatsbyjs.com/ 静的サイトジェネレーターとは、従来のReactのようなWebアプリケーションではなく、ビルド時に全ての静的なHTML…

お久しぶりです。 気付けばこのブログを半年近く放置していたでしょうか... このブログはこれまでWordpress　+　無料テンプレートで作られていたのですが、この度Gatsby.jsでリニューアルしました。 Wordpressだと公開するのにサーバー費用がかかる → Gatsby.js…