質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

496閲覧

create-react-appでブログ作成

nyny

総合スコア1

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2021/07/22 15:04

create-react-appでブログ作成を行いたいのですが、可能でしょうか?
(やはりnext.jsに移行しないと難しいですか?)
ブログの部分に関してはmicroCMSを使用したいと考えております。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hentaiman

2021/07/22 15:11

フロントはただのjavascriptなので可不可で迷う理由が分かりません しかし質問したという事は何かしら調べてそう判断したんですよね?何を調べてどう判断した結果そう思ったのかを具体的に質問に書いてください
nyny

2021/07/22 15:38

早速ありがとうございます! 最近jsとreactを勉強中の初心者のため要領の得ない質問をしてしまってすみません。取り敢えず勉強としてページを作成しようと思いcreate-react-appにて作成していたのですが、どうせならブログ機能を追加したいと思い react ブログ作成などで調べるとnext.jsを使った作り方は出てくるのですが、create-react-appを使用したものが出て来ず...こういった質問をさせていただきました。
hentaiman

2021/07/22 15:53

なるほど 最初に書いたコメントからも分かると思いますが可能です
nyny

2021/07/22 16:06

ありがとうございます!助かりました!
guest

回答1

0

ベストアンサー

動的なサイトを作るのは CRA(create-react-app, react-scripts) でも next.js でも可能ですが、
CRA はサーバーサイドレンダリングでないので SEO が弱くなってしまうのが問題点です。
動的な情報 (meta など)もサーバー側でレンダリングされている状態でないと検索エンジンや SNS の bot が情報収集できないので検索結果に表示されなかったりします。(非SSRについても Google も対応を進めています)

そのためSSRやSSGができない CRA でブログや検索流入が大事なサービスを作成しない人は多いのが現状です。

投稿2021/07/23 01:33

anozon

総合スコア662

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nyny

2021/07/23 02:59

丁寧に教えていただきありがとうございます! 初歩的な質問ですみませんでした、create-react-appなどで作成した 動的サイトはSEO的には空のページを読んでいる判定になってしまうのですね・・・ 大変わかりやすかったです! 今後の勉強のためにもnext.jsの導入を検討しようと思います ありがとうございます!大変助かりました!
anozon

2021/07/23 04:44

念の為補足しておくとトップページなどの1ページやすべてのページで同じSEOでよければ設定することができます。/post/id みたいなルーティングにおいて別々のSEOするにはSSRかSSGしておく必要があります。
nyny

2021/07/26 12:40

なるほど、1枚もののLPみたいなページであればCRAでも設定できるのですね ご丁寧にありがとうございます!勉強になりました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問