【初心者OK】Next.jsで自作ブログを作ってみよう【MicroCMSを利用】

  Рет қаралды 24,105

プログラミングチュートリアル

Жыл бұрын

#入門 #nextjs #cms #api #ブログ構築 #アプリ開発 #プログラミング #独学 #javascript #jamstack
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2021/12/31/udemy-discount-coupon/
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-5bc2.thinkific.com/bundles/shincode-camp
-----------------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Next.jsの基礎が理解できる
・Next.jsでSSGが実装できる
・高速なWebページが構築できる
・MicroCMSを使ってAPI構築ができる
・Jamstackアーキテクチャが理解できる
・Vercelを使ってデプロイ/ホスティングができる
・WebHookを使ってブログ運用ができる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ4000人突破
・Webアプリ/サイト開発数:200以上
・生きがい:プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
kzfaq.info/love/NTxclE0N4qsUuirssL_D8w
★今回のソースコード★
github.com/Shin-sibainu/nextjs-microcms-jamstack-blog
★運営者SNS★
Twitter: Shin_Engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸):amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス):amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク):amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド):
amzn.to/3se5onZ
※アフィリエイトリンクになります。

Пікірлер: 22
@ho389
@ho389 Жыл бұрын
めちゃくちゃ参考になります! ありがとうございます!
@nakamurakei4246
@nakamurakei4246 Жыл бұрын
いつも有益な動画ありがとうございます!
@yoshihama0307
@yoshihama0307 Жыл бұрын
いつもわかりやすい有益な投稿ありがとうございます。とても勉強になります。
@jassy9962
@jassy9962 Жыл бұрын
ありがとうございます!
@user-hl9uv6cv7k
@user-hl9uv6cv7k Жыл бұрын
Jassyさん、こちらこそお金付きのコメントありがとうございます! 動画の教材費として使わせていただきますm(__)m
@26limer
@26limer 3 ай бұрын
Thank u sir 🙏
@user-ym8hz2br6p
@user-ym8hz2br6p Жыл бұрын
動画投稿お疲れ様です! 無理せず自分のペースで頑張ってください😌 応援してます⚑
@user-hl9uv6cv7k
@user-hl9uv6cv7k Жыл бұрын
あさひさん、どうもありがとうございます。 そうですね。少しづつ体調も良くなってきました。お盆休みということもあるので、少しお休みするかもしれないです。 お気遣いありがとうございます。
@wawa8999
@wawa8999 Жыл бұрын
いつも神動画あざーす^^ Next.jsワッショイ!
@kaoru6513
@kaoru6513 10 ай бұрын
最近React,Nextjsの基礎の学習が終わって、何か自分でも開発をしてデプロイまでしてみたいと考えていました。 こちらの動画でvercelへのデプロイの方法を知ることができてとてもよかったです。
@rrb8696
@rrb8696 Жыл бұрын
分かりやすい講義有り難うございます。 こういったブログ作成をtypescriptバージョンでも見たいです! よろしくおねがいします。
@masanorishin381
@masanorishin381 Жыл бұрын
shinさんの声は心地よく聴きやすいですね。ファンになりました!
@nobyn766
@nobyn766 Жыл бұрын
いつも動画ありがとうございます!Udemyも購入させていただいたことあります。 初心者です! Next.js13からappディレクトリ内でgetStaticPropsが扱えなくなりました。 公式ドキュメントや本でも調べましたが、getStaticProps以外の方法がわからず1週間以上詰んでいます。 なにかご存知であればご教示いただけると幸いです!
@user-hl9uv6cv7k
@user-hl9uv6cv7k Жыл бұрын
npx create-next-app sample-projectとして、@latestとつけないことですね。 そうすればpagesディレクトリで動画の通りに作業することができます。next.js13もappディレクトリで 説明したいと思っています。
@nobyn766
@nobyn766 Жыл бұрын
@@user-hl9uv6cv7k ありがとうございます! 実はこのコメントをした数時間後にpagesで試してうまくいきました! 自分の解決法で正しかったのか不安だったので、ご返信いただいて嬉しいです。
@hakusai3325
@hakusai3325 Жыл бұрын
5:47
@ss-ks1df
@ss-ks1df Жыл бұрын
microCMSはdocumentが分かりやすくて良いですね。 Sass(サス)がSaas(サース)と発音されていたので何を言っているのか理解するのに少しだけ時間かかりました😅
@dmcreatorjapan
@dmcreatorjapan Жыл бұрын
next.jsとmicro cmsは自分で構築はしたのですが、 一覧を出す際件数を指定して表示することは可能でしょうか? 例えばトップページで3件ほど出し、もっと見るボタンを配置して全件表示は別のページで展開させるイメージ。 全件表示は普通にできますが、件数指定がどう検索しても記事が出てきません。 仕様的に不可能なのでしょうか? あとnpm i sass使ってるみたいですが、vs codeでscssをコンパイルしてcssを直接読み込んだ方が安全じゃないですか? npmモジュールを使うとバージョンとかでエラーの危険性増えるし。
@user-hl9uv6cv7k
@user-hl9uv6cv7k Жыл бұрын
daiさん、コメントありがとうございます。 ページネーションについてですね。以下の記事が参考になるはずです。blog.microcms.io/next-pagination/ またsassについてですが、scssコンパイルができるのであればそちらの方が良いですね。ご指摘いただいてありがとうございます。
@dmcreatorjapan
@dmcreatorjapan Жыл бұрын
@@user-hl9uv6cv7k ありがとうございます。ページネーションに関しては404エラーでうまくいきませんでしたが(こちらはまた検証が必要)、本来の要件であった一覧(件数指定)とアーカイブ(全件表示)で分けることができました。
КАРМАНЧИК 2 СЕЗОН 7 СЕРИЯ ФИНАЛ
21:37
Inter Production
Рет қаралды 519 М.
MEGA BOXES ARE BACK!!!
08:53
Brawl Stars
Рет қаралды 36 МЛН
World’s Deadliest Obstacle Course!
28:25
MrBeast
Рет қаралды 160 МЛН
КАРМАНЧИК 2 СЕЗОН 7 СЕРИЯ ФИНАЛ
21:37
Inter Production
Рет қаралды 519 М.