Portfolio v2 NEXT.JS Guestbook login Github

Addition of page Guestbook, in My Portfolio V2 - NextJS

Addition of page 31 maret 2025 1.23 wita (Update Page Blog API Blogger)

---

---

This before My Portfolio V2

---

---

💸 Support me💰

└── 📁app
    └── 📁about
        └── page.tsx
    └── 📁blog
        └── 📁[id]
            └── page.tsx
        └── page.tsx
    └── 📁components
        └── 📁blog
            └── AuthorCard.tsx
            └── BlogCard.tsx
            └── BlogPage.tsx
            └── PaginationControls.tsx
        └── floating-lang.tsx
        └── 📁footer
            └── page.tsx
        └── 📁FuzzyText
            └── FuzzyText.tsx
        └── 📁GradientText
            └── GradientText.tsx
        └── 📁header
            └── page.tsx
        └── Marquee.tsx
        └── sparkles.tsx
        └── TitleUpdater.tsx
        └── 📁ul
            └── AboutOverlayComponent.tsx
            └── CertificateOverlayComponent.tsx
            └── 📁ClickSpark
                └── ClickSpark.tsx
            └── ContactForm.tsx
            └── EducationOverlayComponent.tsx
            └── GuestbookComponent.tsx
            └── HomeOverlayComponent.tsx
            └── mee.tsx
            └── OverlayContext.tsx
            └── PageOverlay.tsx
            └── ProjectsOverlayComponent.tsx
            └── supabase-schema.sql
            └── techstack.tsx
            └── 📁uiGuesbook
                └── avatar.tsx
                └── button.tsx
                └── card.tsx
                └── input.tsx
                └── separator.tsx
                └── textarea.tsx
            └── use-mouse-position.ts
    └── 📁contact
        └── page.tsx
    └── 📁guestbook
        └── page.tsx
    └── 📁lib
        └── blogger.ts
        └── utils.ts
    └── 📁projects
        └── page.tsx
    └── globals.css
    └── layout-client.tsx
    └── layout.tsx
    └── Not-Found.tsx
    └── page.tsx

---

This is a Next.js project bootstrapped with create-next-app.

🚀 Getting Started

Technologies Used

• Next.js v15
• Tailwind CSS v4
• Framer Motion
• React Icons
• React Bit

References

• v0.dev
• radifa.my.id
• etc.

Run Development Server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

---

look for the file in ```src\app\components\ul\ProjectsOverlayComponent.tsx```

https://api.github.com/users/himangmyid/repos", { //change to your github username himangmyid

If you want to change the project and want to remove the project from your github repo

change .env.exmple to .env.local fill in your github token

---

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

Project Screenshots

Mobile View

Laptop View

---

📚 Learn More

To learn more about Next.js, check out the following resources:

• Next.js Documentation - Learn about Next.js features and API.
• Learn Next.js - Interactive Next.js tutorial.
• Next.js GitHub Repository - Your feedback and contributions are welcome!

---

☁️ Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out Next.js deployment documentation for more details.

---