NaN_
2 min read
Astrolink

This project is a modern linktree alternative. It was first made by ZeX using static HTML/CSS. I moved it to Astro to make it easier to change and better for developers. Astro’s component system helps a lot.

Project Structure

Inside of this Astro project, you’ll see the following folders and files:

astrolink/
├── public/
│   ├── img/
│   │   └── me-act.webp
│   ├── favicon.ico
│   ├── favicon.svg
│   ├── robots.txt
│   └── sitemap.xml
├── src/
│   ├── components/
│   │   ├── Background.astro
│   │   ├── Link.astro
│   │   └── Profile.astro
│   ├── data/
│   │   └── config.ts
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
│   └── styles/
│       └── global.css
├── astro.config.mjs
├── bun.lock
├── package.json
├── pnpm-lock.yaml
└── tsconfig.json

Commands

All commands are run from the root of the project, using Bun:

CommandAction
bun installInstalls dependencies
bun devStarts local dev server at localhost:4321
bun buildBuild your production site to ./dist/
bun previewPreview your build locally, before deploying

Credits

  • Original Creator: The first static HTML/CSS version was made by ZeX.
  • Migration: This version was moved to Astro by Adnan to make updates and management easier.

Licensed under the MIT License.