react resume template
v2.0.0
古いバージョンをお探しですか？ここで見つけることができます。
これは、Reactベースの個人履歴書Webサイトテンプレートです。 next.jsフレームワークにタイプスクリプトを使用して構築され、Tailwind CSSをスタイル化し、単一のファイルからのデータを入力して、独自のWebサイトを数分で簡単に作成、カスタマイズ、ホストすることができます。さらに良いことに、このサイトは完全にモバイル最適化されており、サーバー側がレンダリングされ、任意のデバイスでの迅速な負荷とクリーンUIが確保されます。自分でそれを作る方法を学ぶために読んでください。
このウェブサイトを構築するには、最新の安定したバージョンのノードとヤーンをダウンロードしてマシンにインストールする必要があります。まだ持っていない場合は、ここでノードを入手して、ここで糸を入手できます。
次に、このページの右上にあるForkボタンを見つけます。これにより、リポジトリのフォーキングの詳細については、こちらをご覧ください。この後、リポジトリページの上部にある緑色のCodeボタンを使用して、開発マシンにダウンロードします。
このリポジトリのコピーを作成したら、お気に入りの端末にフォルダーを開き、 yarn installを実行して依存関係をインストールします。これに続いて、 yarn devを実行してプロジェクトを実行します。端末には、実行中のインスタンスのURLが与えられる必要があります（通常、http：// localhost：3000を実行していない限り）。
サイトのすべてのデータは、 /src/data/data.tsx data.tsxのファイルを介して駆動されます。これは既存のコンテンツを見つける場所であり、ここの値を更新することはサイトに反映されます。上記のようにサイトが実行されている場合は、これらの変更が保存に反映されていることがわかります。これらすべての項目のデータ型は、 dataDef.tsファイルの同じフォルダーに与えられます。画像の例は、 src/images/にあり、データファイルにインポートされます。変更するには、同じ名前と場所を使用してこれらの画像を更新するか、新しい画像を追加してインポートを更新してください。
連絡先フォームプロバイダーが利用できるさまざまなオプションにより、入力と状態を処理する限り、連絡先フォームを接続しました。フォームの提出と電子メールの実際の送信は、独自の実装に開放されています。メールプロバイダーに対する私の個人的な推奨事項はSendGridです。
もちろん、すべてのコードがそこにあり、あなたから何も隠されていないので、他のスタイリング/データの変更をしたい場合は、お気軽に！
新しいサイトをVercelに展開することは簡単で、ここでガイドをフォローすることで実行できます。あなたがすべて完了し、ビルドが成功したら、ライブサイトにURLを与えられ、そこに行って、新しい個人履歴書Webサイトが表示されます！おめでとう！
