A Serverless Personal Homepage That Actually Feels Like Yours

You've got a blog, a portfolio, a photo gallery, and maybe a list of courses you've built. Right now, that probably means juggling multiple platforms, paying for hosting, or wrestling with a database you didn't really want to manage. What if you could have all of it in one place, with zero servers to maintain? That's exactly what KingStudy is going for—a personal homepage that runs entirely on serverless infrastructure, so you can focus on your content instead of your uptime.

KingStudy is an open-source project that bundles a blog system, project showcase, course display, and photo wall into a single static site. It's built on T1 Backend Cloud's serverless technology, which means the backend lives in the cloud while your frontend stays simple. The whole thing uses Vue3, Vite5, TypeScript, MongoDB, and Element Plus—a familiar stack if you've done any modern web work recently.

What It Does

At its core, KingStudy is a personal homepage generator that skips the traditional server. You register an application on T1 Backend Cloud, plug in a few environment variables, and you've got a working site with multiple content sections.

The project includes three pre-built cloud functions that handle the backend logic. A music function pulls a random song from a NetEase Cloud Music collection. A share function lets you verify and publish new posts by checking a token against an MD5 hash. And an edit function handles updating published content. Each one includes signature verification to keep things secure, and they all interact with a MongoDB collection through T1's cloud API.

The frontend is where the real work shows. It's a Vue3 app with TypeScript, built with Vite5, and styled with Element Plus. You get a blog, a projects section, a courses area, and a photo wall—all served as static files. That means you can host it almost anywhere, including a simple Nginx setup with a one-line pseudo-static config.

Why It's Cool

The serverless angle is the headline here, but there's more to appreciate once you dig in.

• No server, no ops headaches. You're not provisioning VMs or babysitting a Node process. The cloud functions handle everything, and you only pay for what you use (or nothing, depending on your T1 plan). That's a massive win for a personal site that might see a few hundred visitors a day.

• A real tech stack, not a toy. This isn't a drag-and-drop website builder. You're working with Vue3, TypeScript, and MongoDB. If you're a developer, you can actually extend it, customize the components, or swap out the styling without fighting a proprietary system.

• The cloud functions are refreshingly simple. Look at the music function—it's a single database aggregation that picks one random document. The share function checks a password, inserts a record, and returns a response. There's no complex orchestration or microservices sprawl. It's the kind of code you can read in two minutes and fully understand.

• Everything's in one place. Blog, projects, courses, photos—that's a lot of ground for one site. But instead of stitching together separate tools, KingStudy gives you a unified dashboard for your digital presence. That's genuinely useful for freelancers, students, or anyone who wants a single URL to point people to.

• The preview is live. You can check out a working example at kingstudy.vip to see what you're getting before you commit to the setup process. That's a nice touch—you know exactly what the end result looks like.

How to Try It

Getting started is straightforward, though you'll need to create a T1 Backend Cloud account first. Once you have that, clone the repo and install dependencies:

cd kingstudy && npm install

Then create a .env file in the project root with your credentials. You'll need your application ID, API key, secret key, and the T1 cloud domain. The README includes a template with placeholder values, so you know exactly what to fill in.

For local development:

npm run dev

And when you're ready to ship:

npm run build

If you're deploying with Nginx, the README includes the pseudo-static config you'll need to handle client-side routing:

location / {
	try_files $uri $uri/ /index.html;
}

You'll also need to set up the three cloud functions on T1's dashboard. The README provides the full source for music and share, and a truncated version for edit—just copy them into the function editor and you're good to go. One note: the default admin password for the share function is 123456, so you'll definitely want to change that before going live.

Check out the full repository at github.com/wwwAngHua/KingStudy for the complete setup instructions and the rest of the edit function code.

Final Thoughts

KingStudy is a solid option if you're a developer who wants a personal site without the usual hosting baggage. It's not trying to be a full CMS or a social platform—it's a focused, self-hosted hub for your content. The serverless approach means your running costs are near zero, and the tech stack is modern enough that you won't feel like you're maintaining legacy code.

The main caveat is the dependency on T1 Backend Cloud. If you're not comfortable tying your site to a third-party backend service, this might not be the right fit. But if you're okay with that trade-off, you get a clean, functional homepage that's genuinely pleasant to work with. Give it a spin, and you might find your next personal site doesn't need a server at all.

Follow @githubprojects for more developer tools and open source projects.