README.md

Web Portofolio

Repository ini merupakan web portofolio yang saya buat menggunakan teknologi NextJS dan Tailwind CSS

Daftar Isi

• Menjalankan di Localhost
• Struktur Folder dan File
• List Dynamic Routes
• List NextJS API

Menjalankan di Localhost

• Clone repository ini

git clone --depth=1 https://github.com/armandwipangestu/armandwipangestu.vercel.app portofolio

• Instal dependency library

cd portofolio && yarn install

• Copy file .env.example ke file .env.local

cp .env.example .env.local

• Isikan .env.local

NEXT_PUBLIC_BASE_URL="http://localhost:3000"
NEXT_PUBLIC_PUBLIC_ASSETS="$NEXT_PUBLIC_BASE_URL/images/posts/assets"

• Menjalankan di development

yarn run dev

Struktur Folder dan File

components
├── article
│  └── article.js
├── layouts
│  ├── footer.js
│  ├── layout.js
│  └── navigation.js
└── utilities
   ├── icon.js
   ├── JumpToTop.js
   ├── metadata.js
   └── toc.js
pages
├── _app.js
├── _document.js
├── _index_default.js
├── api
│  ├── menu.js
│  └── portofolio.js
├── blog
│  ├── posts
│  │  ├── [slug].js
│  │  └── index.js
│  └── tag
│     └── [tag].js
├── blog.js
├── index.js
├── pendidikan.js
├── pengalaman.js
├── portofolio.js
├── skills.js
└── tentang-saya.js
styles
└── globals.css
utilities
└── sortPostsByDate.js

List Dynamic Routes

File	Function
/blog/tag/[tag].js	DynamicTagPage
/blog/posts/[slug].js	DynamicSinglePagePost

List NextJS API

Endpoint	Method
/api/menu	GET
/api/portofolio	GET