Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wikidotexe/portfolio-modern
Membuat portfolio versi modern dengan Next.Js
https://github.com/wikidotexe/portfolio-modern
emotion nextjs react tailwind
Last synced: about 1 month ago
JSON representation
Membuat portfolio versi modern dengan Next.Js
- Host: GitHub
- URL: https://github.com/wikidotexe/portfolio-modern
- Owner: wikidotexe
- Created: 2024-12-29T09:30:25.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-01-10T07:49:57.000Z (about 1 month ago)
- Last Synced: 2025-01-10T08:27:57.660Z (about 1 month ago)
- Topics: emotion, nextjs, react, tailwind
- Language: TypeScript
- Homepage: https://wikidotexe.xyz
- Size: 9.74 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio Modern
[](https://github.com/wikidotexe/Portfolio-modern/stargazers)
[](https://github.com/wikidotexe/Portfolio-modern/network)
Portfolio-modern ini adalah proyek Next.js yang dirancang untuk menampilkan portofolio dengan desain modern, responsif, dan menarik. Proyek ini memberikan pengalaman pengguna yang optimal dengan performa tinggi.
> **Status Proyek**: 🚀 Aktif Dikembangkan
---
## 🔍 **Fitur Utama**
- 🎨 **Desain Modern**:
- Dibangun dengan **Next.js** dan antarmuka yang memukau.
- 📱 **Responsif**:
- Desain yang menyesuaikan di berbagai perangkat, baik desktop maupun mobile.
- ⚡ **Performa Tinggi**:
- Didukung oleh optimasi bawaan Next.js untuk kecepatan maksimal.
- 🌐 **Tipografi Elegan**:
- Menggunakan font [Geist](https://vercel.com/font) dari Vercel untuk tampilan teks yang bersih.
- 🚀 **Siap Dideploy**:
- Integrasi mudah dengan platform deployment seperti Vercel.
---
## 📂 **Struktur Proyek**
```
Portfolio-modern/
├── app/
├── components/
├── pages/
├── public/
├── styles/
├── .env.local
├── .gitignore
├── next.config.js
├── package.json
└── README.md
```
---
## 🎯 **Cara Install**
1. **Clone Repository**:
```bash
git clone https://github.com/wikidotexe/Portfolio-modern.git
cd Portfolio-modern
```
2. **Install Dependencies**:
Pastikan Anda sudah menginstal [Node.js](https://nodejs.org/) dan [npm](https://www.npmjs.com/).
```bash
npm install
```
3. **Setup Environment**:
Buat file `.env.local` dan sesuaikan dengan kebutuhan proyek Anda.
4. **Run Development Server**:
Jalankan server pengembangan dengan perintah berikut:
```bash
npm run dev
```
Kemudian buka `http://localhost:3000` di browser Anda.
---
## 🚀 **Deploy ke Vercel**
1. Push kode Anda ke repository GitHub.
2. Hubungkan repository Anda ke [Vercel](https://vercel.com/).
3. Nikmati build dan deployment otomatis.
Detail lebih lanjut dapat ditemukan di [dokumentasi Next.js](https://nextjs.org/docs/deployment).
---
## 📜 **Kontribusi**
Kami menyambut kontribusi dari siapa pun yang ingin membantu pengembangan proyek ini. Berikut langkah-langkah untuk berkontribusi:
1. Fork repositori ini.
2. Buat branch fitur baru:
```bash
git checkout -b fitur-keren
```
3. Commit perubahan Anda:
```bash
git commit -m "Menambahkan fitur keren"
```
4. Push ke branch Anda:
```bash
git push origin fitur-keren
```
5. Buat **Pull Request** di GitHub.
---
## 🌟 **Terima Kasih**
Terima kasih telah mengunjungi repositori ini! Jika Anda merasa proyek ini bermanfaat, jangan ragu untuk memberikan ⭐ dan share kepada teman-teman Anda.
Happy coding! 🎉