mirsazzathossain.me Download - mirsazzathossain.me Code Sumber Unduh

mirsazzathossain.me

Kode Sumber AI

1.0.0

Unduh

Tumpukan teknologi

mirsazzathossain.me

Ini adalah kode sumber situs web pribadi saya Mirsazzathossain.me. Situs web portofolio akademik ini adalah kehadiran online yang komprehensif dan menarik secara visual yang menunjukkan keterampilan, prestasi, dan pengalaman saya di bidang studi saya. Saya membangun situs web menggunakan Next.js, kerangka kerja JavaScript yang sangat populer yang memungkinkan untuk pembuatan aplikasi web yang diserahkan dan secara statis yang dihasilkan secara statis. Untuk memastikan desain modern dan profesional, saya menggunakan CSS Tailwind, kerangka kerja CSS pertama-first, dan terinspirasi oleh tema Spotlight dari Tailwind UI. Konten situs web saya dikelola dengan bantuan ContentLayer, sebuah platform yang menyederhanakan pembuatan dan pengelolaan konten, dan ditulis dalam penurunan harga untuk organisasi dan pemformatan yang efisien. Posting blog di situs web saya menampilkan sistem komentar yang ditenagai oleh Giscus, platform diskusi berbasis GitHub, yang memungkinkan komunikasi interaktif dan umpan balik dari audiens saya. Selain itu, saya mengintegrasikan API Web Spotify untuk memamerkan lagu -lagu saya yang baru -baru ini diputar di situs web dan menggunakan ikon dari Heroicons untuk meningkatkan daya tarik visual situs web saya. Situs web saya di -host di Vercel, platform cloud yang andal untuk hosting situs statis dan fungsi tanpa server, memastikan akses yang lancar dan cepat untuk semua pengguna. Secara keseluruhan, saya percaya situs web portofolio akademik saya menunjukkan dedikasi saya untuk tetap mutakhir dengan teknologi modern dan menghadirkan kehadiran online yang dinamis dan secara visual.

Singkatnya, tumpukan teknologi situs web adalah sebagai berikut:

Kerangka kerja: Next.js
Styling: Tailwind CSS
Ikon: Heroicons
Konten: Markdown
Manajemen Konten: ContentLayer
Penyebaran: Vercel
Komentar: Giscus

Ringkasan

app/* : Saya telah menggunakan struktur direktori app baru selanjutnya. Direktori ini berisi aplikasi utama.
components/* : Semua komponen khusus disimpan di direktori ini.
content/* : Direktori ini berisi semua konten ContentLayer.
public/* : Direktori ini berisi semua aset statis dari Situs Web.
public/content/* : Direktori ini berisi semua konten statis dari Situs Web. misalnya proyek, pengalaman, pendidikan, dll.
styles/* : Saya telah menggunakan CSS Tailwind untuk Styling. Direktori ini berisi gaya global CSS Tailwind dan beberapa gaya khusus untuk situs web.
utils/* : Direktori ini berisi beberapa fungsi utilitas.

Kloning dan forking

Jika Anda ingin mengkloning atau membayar repositori ini, pastikan untuk menghapus content dan direktori public karena berisi konten dan aset pribadi saya. Anda dapat menambahkan konten dan aset Anda sendiri di masing -masing content dan direktori public .

Kloning repositori dengan menjalankan perintah berikut.

git clone https://github.com/mirsazzathossain/mirsazzathossain.me.git
# or
git clone [email protected]:mirsazzathossain/mirsazzathossain.me.git

Anda dapat menghapus content dan direktori public dengan menjalankan perintah berikut.

rm -rf content
rm -rf public

Tambahkan konten dan aset Anda sendiri di masing -masing content dan direktori public .

Instalasi

Instal dependensi dengan menjalankan perintah berikut.

npm install
# or
yarn install

Akhirnya, jalankan perintah berikut untuk memulai server pengembangan.

npm run dev
# or
yarn dev

Buka http: // localhost: 3000 dengan browser Anda untuk melihat hasilnya.

Catatan : Anda harus membuat file .env di direktori root dan menambahkan variabel lingkungan berikut untuk membuat integrasi Spotify berfungsi.

SPOTIFY_CLIENT_ID=yourspotifyclientid
SPOTIFY_CLIENT_SECRET=yourspotifyclientsecret
SPOTIFY_REFRESH_TOKEN=yourspotifyrefreshtoken

Anda bisa mendapatkan SPOTIFY_CLIENT_ID dan SPOTIFY_CLIENT_SECRET dari dasbor pengembang spotify. Anda bisa mendapatkan SPOTIFY_REFRESH_TOKEN dari Konsol API Web Spotify.