whatisgithub

What is homepage?

inp146/homepage — explained in plain English

Analysis updated 2026-05-18

63VueAudience · developerComplexity · 2/5Setup · moderate

In one sentence

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

Mindmap

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 build with it?

USE CASE 1

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

USE CASE 2

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

USE CASE 3

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

USE CASE 4

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

What is it built with?

Vue 3VitePiniaElement PlusSwiperCloudflare Workers

How does it compare?

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 you get it running?

Difficulty · moderate Time to first run · 30min

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

So what is it?

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.

Copy-paste prompts

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?

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.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.