DevLinks
DevLinks is a self-hosted, Linktree-style personal link aggregation page built with Astro in pure static site generation mode, designed to centralize a developer's profiles, projects, and social links on one fast-loading page.
What is DevLinks?
DevLinks is an open-source single-page website template that collects a developer's professional profiles, featured projects, social networks, and resources into one centrally managed link hub. It takes content edited in the project source and generates a static HTML, CSS, and minimal-JavaScript page at build time, with no server or database dependencies. The project is maintained by Sebastián Zhunaula (devsebastian44), a full-stack developer, and is licensed under MIT. A live demo is deployed at devlinks44.netlify.app.
Key Features
- Astro SSG generation — the page compiles to pure static HTML and CSS with zero JavaScript by default, producing near-instant loads on any static host.
- TypeScript strict mode — the source uses TypeScript strict typing for type safety across the codebase.
- Custom native CSS design — the visual design is handcrafted with plain CSS custom properties rather than a utility framework like Tailwind.
- Vitest test suite — automated unit and validation tests live in a tests/ directory and run with npm run test.
- GitHub Actions CI/CD — pull requests are automatically validated with linting and tests through GitHub Actions workflows.
- Prettier formatting — the project includes Prettier with native Astro support to keep code consistent.
- MIT license — free to use for personal and educational purposes.
Who is it for?
- Developers wanting a personal link-in-bio page that they fully control and self-host without relying on third-party services.
- Frontend specialists looking for a small, minimal Astro starter to study or extend with their own styling.
- Students or educators who want a lightweight, testable static-site example for learning Astro, TypeScript, and GitHub Actions.
What can you do with DevLinks?
- Personal branding: replace your Linktree URL with a custom, fast, self-hosted page listing your GitHub, LinkedIn, portfolio, and blog.
- Project showcase: gather your open-source repositories, demos, and writing into one link hub with your own CSS design.
- Learning Astro: use the project structure — astro.config.mjs, src/, public/, tests/ — as a minimal reference for an Astro SSG workflow with CI.
How does DevLinks work?
Clone the repository from GitHub, install dependencies with npm install, copy .env.example to .env, then run npm run dev for local development or npm run build for a production build. Test and lint with npm run test and npm run lint; GitHub Actions runs these checks automatically on pull requests.
Pros and cons
Pros
- Zero-JS static output is extremely lightweight.
- No server, database, or account needed to deploy.
- Custom CSS and strict TypeScript give full control over design and safety.
Cons
- Requires manual editing of the source to update links; there is no CMS or admin dashboard.
- Node.js v22 or higher is needed to build the project locally.
Alternatives
- Linktree — the hosted link-in-bio platform that DevLinks offers a self-hosted alternative to.
- Beacons — another hosted link-in-bio platform.
FAQ
Is DevLinks free?
Yes, the project is distributed under the MIT license, so it is free to use for personal and educational purposes. Copyright belongs to Sebastián Zhunaula (devsebastian44).
Does DevLinks require a server or database?
No. DevLinks generates a fully static site at build time with Astro SSG. There is no server-side code and no database dependency, so the output can be hosted on any static hosting service.
Does DevLinks work without JavaScript?
Yes. The page is designed to be zero-JS by default, meaning the bundled output contains minimal or no JavaScript for the core link-page experience.
What Node.js version do I need?
The README lists Node.js v22 or higher as a prerequisite, along with an up-to-date npm.
