react resume template

Reaksi js resume template situs web

Template Berbasis Bereaksi untuk Situs Web Resume yang Berfokus Pengembang Perangkat Lunak

Lihat demo langsung di sini.

Jika template ini telah membantu Anda dan Anda ingin mendukung pekerjaan saya, jangan ragu ♥ ️ Mensponsori proyek

? Versi 2 ada di sini! Fitur Baru:

1. Sepenuhnya dibangun kembali dengan react dan full typescript dukungan
2. Dibangun di atas kerangka kerja Next.js untuk rendering sisi server yang mudah/pembuatan statis, optimasi gambar, rute API, dan penyebaran
3. Ditata sepenuhnya dengan tailwindcss
4. File populasi data yang diatur ulang untuk situs penyesuaian.
5. Peningkatan/modernisasi yang signifikan dari semua bagian situs

Mencari versi lama? Anda dapat menemukannya di sini.

Keterangan

Ini adalah templat situs web resume pribadi berbasis reaksi. Dibangun dengan TypeScript di Framework Next.js, ditata dengan CSS Tailwind, dan diisi dengan data dari satu file, Anda dapat dengan mudah membuat, menyesuaikan, dan meng -host situs web pribadi Anda sendiri dalam hitungan menit. Bahkan lebih baik, situs ini sepenuhnya dioptimalkan secara mobile dan sisi server yang diberikan untuk memastikan pemuatan cepat dan UI bersih pada perangkat apa pun. Baca terus untuk mempelajari cara membuatnya sendiri.

Jadikan milikmu!

1. Pastikan Anda memiliki apa yang Anda butuhkan

Untuk membangun situs web ini, Anda harus memiliki versi stabil node dan benang terbaru yang diunduh dan diinstal di mesin Anda. Jika Anda belum memilikinya, Anda bisa mendapatkan simpul di sini, dan benang di sini.

2. Fork dan unduh repo ini (dan bintang jika Anda suka!)

Selanjutnya, temukan tombol Fork di kanan atas halaman ini. Ini akan memungkinkan Anda untuk membuat salinan Anda sendiri, untuk info lebih lanjut tentang Forking Repo's See Here. Setelah ini, unduh ke mesin pengembangan Anda menggunakan tombol Code hijau di bagian atas halaman repo.

3. Pasang dependensi dan jalankan

Setelah Anda memiliki salinan repo ini sendiri yang diunduh dan diunduh, buka folder di terminal favorit Anda dan jalankan yarn install untuk menginstal dependensi. Setelah ini, jalankan yarn dev untuk menjalankan proyek. Di terminal Anda, Anda harus diberikan URL dari instance berjalan (biasanya http: // localhost: 3000 kecuali Anda memiliki sesuatu yang lain berjalan).

4. Sesuaikan data untuk membuatnya sendiri

Semua data untuk situs ini digerakkan melalui file di /src/data/data.tsx . Di sinilah Anda akan menemukan konten yang ada, dan memperbarui nilai -nilai di sini akan tercermin di situs. Jika Anda memiliki situs yang berjalan seperti yang dijelaskan di atas, Anda akan melihat perubahan ini tercermin pada Simpan. Jenis data untuk semua item ini diberikan dalam folder yang sama dalam file dataDef.ts . Contoh gambar dapat ditemukan di src/images/ dan diimpor dalam file data. Untuk mengubah, cukup perbarui gambar ini menggunakan nama dan lokasi yang sama, atau tambahkan gambar baru dan perbarui impor.

5. Hubungkan formulir kontak

Karena berbagai opsi yang tersedia untuk penyedia formulir kontak, saya hanya menghubungkan formulir kontak sejauh menangani input dan status. Pengajuan formulir dan pengiriman email yang sebenarnya terbuka untuk implementasi Anda sendiri. Rekomendasi pribadi saya untuk penyedia email adalah Sendgrid.

6. Buat perubahan lain yang Anda sukai

Tentu saja, semua kode ada di sana dan tidak ada yang tersembunyi dari Anda, jadi jika Anda ingin membuat perubahan gaya/data lainnya, jangan ragu!

7. Digerikan ke Vercel dan nikmati situs web resume baru Anda

Menyebarkan situs baru Anda ke Vercel sederhana, dan dapat dilakukan dengan mengikuti panduan mereka di sini. Ketika Anda semua selesai dan build berhasil, Anda harus diberikan URL untuk situs langsung Anda, pergi ke sana dan Anda akan melihat situs web resume pribadi baru Anda! Selamat!

Proyek dibuat & dikelola oleh

Tim Baker

Stargazer

Penggabungan