git404hub

what is homepage fr?

inp146/homepage — explained in plain English

Analysis updated 2026-05-18

63VueAudience · developerComplexity · 2/5Setup · moderate

tl;dr

A Vue 3 personal homepage template that shows off your GitHub projects, contribution graph, and recent activity, installable as an app on your phone.

vibe map

mindmap
  root((HomePage))
    What it does
      GitHub pinned repos
      Contribution graph
      Recent activity timeline
      Installable PWA
    Tech stack
      Vue 3
      Vite
      Pinia
      Element Plus
    Deployment
      Cloudflare Workers button
      Self host frontend
      Docker Compose
    Customization
      Env variables
      Social links JSON
      Project links JSON
    Audience
      Developers
      Portfolio builders

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Set up a personal developer portfolio page that auto-updates with your latest GitHub activity

VIBE 2

Deploy a one-click personal site on Cloudflare Workers without managing your own server

VIBE 3

Show off pinned GitHub repos alongside custom project links on one page

VIBE 4

Install your own homepage as a PWA so it behaves like an app on mobile

what's the stack?

Vue 3VitePiniaElement PlusSwiperCloudflare Workers

how it stacks up fr

inp146/homepagexingyuv/vue-vben-adminhuangdihd/call_me_as_agent
Stars636350
LanguageVueVueVue
Last pushed2023-09-05
MaintenanceDormant
Setup difficultymoderateeasyeasy
Complexity2/53/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · moderate time til it works · 30min

Needs a GitHub personal access token and either a Cloudflare account or self-hosted static hosting to see live data.

in plain english

HomePage is a personal website template for developers, built with Vue 3. Instead of a static page listing your name and a few links, it pulls in live data from GitHub: your pinned repositories, a contribution graph showing the last year of activity, and a timeline of your recent public actions on GitHub, like commits or new repos. It presents all of this in a single responsive page that works on both desktop and mobile, and it can be installed as a Progressive Web App, meaning visitors can add it to their phone's home screen like a native app. The project began as a fork of another homepage template, with the original's music player, weather widget, and quote-of-the-day features stripped out. In their place, this version focuses on showing off projects and GitHub activity, which fits a developer audience better. To get GitHub data without exposing a personal access token to visitors' browsers, the project uses a small Cloudflare Worker as a backend proxy: the Worker holds the token and fetches data from GitHub's GraphQL API, while the public site only talks to the Worker. Deployment is set up to be simple, with a one-click Cloudflare Workers deploy button that walks you through filling in your GitHub username and site details. You can also deploy your own Worker separately, or self-host just the frontend and rely on a public shared Worker for the GitHub data. Customization is handled through environment variables and two JSON files: one for extra social links (email, Twitter, Telegram, QQ, Bilibili) and one for manually listed project cards, which get combined with your GitHub pinned repos and deduplicated. Wallpapers are swapped in by dropping image files into a folder, and the page picks one at random on load. For people who prefer containers, a Docker Compose setup is included that builds and runs the site on a fixed local port. The stack underneath is Vue 3 with Vite for building, Pinia for state, Element Plus for UI components, and Swiper for the card carousels.

prompts (copy fr)

prompt 1
Help me fill in the .env file for this HomePage project with my GitHub username and site details
prompt 2
Walk me through deploying this Vue 3 homepage to Cloudflare Workers using the deploy button
prompt 3
Show me how to add my own project links to siteLinks.json for this homepage template
prompt 4
Explain how the Cloudflare Worker keeps my GitHub token hidden from visitors in this project
prompt 5
Help me set up the Docker Compose file to run this homepage locally

Frequently asked questions

what is homepage fr?

A Vue 3 personal homepage template that shows off your GitHub projects, contribution graph, and recent activity, installable as an app on your phone.

What language is homepage written in?

Mainly Vue. The stack also includes Vue 3, Vite, Pinia.

How hard is homepage to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is homepage for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.