Next.jsに専用のESLintが追加された！
Next.js11がついに発表されましたね。 next/script、Next.js Liveなど、興味深い機能が色々ですが、自分が地味に嬉しかったのはNext.js専用のESLint設定がデフォルトでサポートされたことです。 create-next-appでESLint設定済みのNext.jsプロジェクトが作成できる ReactやNext.jsのプロジェクトを立ち上げる際、結構面倒くさい難しいのがESLintの設定です。 .eslintrcファイルの記述とか、extendsの記述順によって優先されるルールとかも変わってくるので、慣れないうちはなかなか難しい作業でしょう。（自分はいまだに試行錯誤してます…） しかし、今ではcreate-next-appを使うと、専用のESLintが設定済みのNext.jsプロジェクトを作成してくれます。 実際にコマンドを実行した結果を見ていきましょう。 $
Next.js+Vercelで自分のブログを作ってみる
実は半年ほど前に、Next.js+Netlifyでポートフォリオサイトっぽいものを作ってはいた。 最初はこのサイトにブログ機能を付け足そうかとも思ったけど、今見るとデザインがなんか気に入らないので、一から全部作り直すことにした。 以前サイトを作った際、ホスティングサービスは割となにも考えずにNetlifyを使ったけど、今回はVercelを選択。 Vercelを選択した理由は、以下の通り。 プロジェクトのビルド時間、サイトの表示速度などは、NetlifyよりVercelの方が良いらしい。 Next.jsを開発している企業のサービスなので、Next.jsとの相性が良さそう。 なので、まずはVercelの公式ドキュメントを色々と読み漁った。その後、サーバーレス関数の機能を使って簡単なLINE Botなどを作ってみたりして、Next.js+Vercelでできることを色々と試した。ついでにNext.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
