jahir.dev

Jahir.dev

Tumpukan

• Kerangka kerja : Next.js
• Styling : Tailwind CSS
• Konten : MDX dan Velite
• Database : Neon dan Gerimis Orm
• Analisis : Umami
• Penyebaran : Vercel

Struktur proyek

 .
| ____config
| ____content
| ____public
| ____scripts
| ____src
| | ____actions
| | ____app
| | ____assets
| | ____components
| | | ____core
| | | ____molecules
| | | ____og
| | | ____views
| | | ____icons.ts
| | ____data
| | ____hooks
| | ____lib
| | ____providers
| | ____styles
| | ____types
| | ____utils

• config/* - Termasuk semua konfigurasi khusus untuk mdx, velite dan next.js
• content/* - posting blog MDX dan konten untuk halaman donate
• public/* - Aset statis termasuk gambar, font, audio, file, dll.
• scripts/* - utilitas untuk mengatur proyek
• src/app/* - Setiap halaman dan rute API di situs web. Menggunakan router aplikasi baru dari Next.js 13.+
• src/assets/* - Font dan gambar statis yang digunakan dalam komponen yang berbeda
• src/components/core/* - komponen paling sederhana. Kebanyakan dari mereka tidak memiliki kewarganegaraan
• src/components/molecules/* -Blok utama untuk situs web: toolbar , footer , tata letak main , tombol back-to-top dan social links
• src/components/og/* - Kode yang memberi kekuatan pada pembuatan gambar grafik terbuka dinamis
• src/components/views/* - Komponen yang lebih kompleks untuk membangun berbagai halaman situs web saya. (Mereka di sini untuk menjaga src/app/ sebersih mungkin)
• src/components/icons.ts - Jalur Ikon SVG. Ikon berasal dari ikon desain material dan lucide
• src/data/* - File JSON yang berisi data untuk proyek dan halaman uses
• src/hooks/* - beberapa kait yang digunakan di seluruh aplikasi
• src/lib/* - Singkat untuk "Perpustakaan", kumpulan utilitas atau kode yang bermanfaat untuk layanan eksternal
• src/providers/* - Bereaksi konteks untuk menyimpan tema dan reaksi posting blog saat ini
• src/styles/* - Gaya global dengan scss . Kebanyakan menggunakan kelas tailwind
• src/types/* - Beberapa Jenis Definisi
• src/utils/* - lebih banyak fungsi utilitas tetapi kurang kompleks daripada yang ada di lib

Berjalan secara lokal

Aplikasi ini membutuhkan Node.js v18.18+.

1. Klon proyek, instal dependensi dan jalankan pengaturan awal

   git clone https://github.com/jahirfiquitiva/jahir.dev.git
   cd jahir.dev
   bun
   bun run setup # You can skip this if you're contributing to this repository. It removes all of my personal content and files

2. Buat file .env mirip dengan .env.example .

3. (Opsional) Proyek ini menggunakan database Postgres untuk menyimpan pandangan dan reaksi.

    CREATE TABLE counters (
     slug VARCHAR ( 255 ) PRIMARY KEY NOT NULL ,
     views INTEGER NOT NULL DEFAULT 0 ,
     likes INTEGER NOT NULL DEFAULT 0 ,
     loves INTEGER NOT NULL DEFAULT 0 ,
     awards INTEGER NOT NULL DEFAULT 0 ,
     bookmarks INTEGER NOT NULL DEFAULT 0
   );

4. Jalankan proyek secara lokal:

   bun run dev

Catatan

Beberapa hal mungkin rusak atau tidak ditemukan karena skrip bun run setup akan menghapus banyak file. Harap periksa kembali kode dan implementasi.

Kloning / Forking

Harap tinjau lisensi, jangan menyalinnya secara langsung, menghapus semua konten dan file pribadi saya (resume, posting blog, gambar, dll.) Dengan menjalankan bun run setup dan silakan ubah gaya dan warna agar sesuai dengan merek pribadi Anda. Anda bebas menggunakan kode ini sebagai inspirasi atau referensi belajar tetapi ini tidak benar -benar dimaksudkan untuk menjadi templat.

Perubahan tambahan

Pastikan untuk mengatur variabel lingkungan IS_TEMPLATE menjadi false. Kalau tidak, warna di situs web mungkin terbalik. (Lihat src/styles/globals.scss )

Versi sebelumnya

Semua versi sebelumnya dari situs web ini dapat ditemukan di Jahirfiquitiva/Prev Prev