[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81643":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":15,"starSnapshotCount":15,"syncStatus":16,"lastSyncTime":33,"discoverSource":34},81643,"starfolio","webrating\u002Fstarfolio","webrating","Modern Astro portfolio template with Tailwind CSS v4, shadcn\u002Fui, MDX blog, and dark mode. Edit three files, deploy in minutes.","https:\u002F\u002Fastro-portfolio-template.websiterating.com\u002F",null,"TypeScript",26,15,21,0,2,5,45.11,"MIT License",false,"master",true,[24,25,26,27,28,29],"astro","astrojs","shadcn-ui","tailwindcss-v4","templates","themes","2026-06-12 04:01:34","\u003Cdiv align=\"center\">\n\n# Starfolio\n\n**A modern, minimal Astro portfolio template** - built with Astro v6, React, Tailwind CSS v4, shadcn\u002Fui, and MDX. Edit three files, deploy anywhere.\n\n[![Astro](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FAstro-v6-BC52EE?logo=astro&logoColor=white)](https:\u002F\u002Fastro.build)\n[![Tailwind CSS](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTailwind_CSS-v4-38BDF8?logo=tailwindcss&logoColor=white)](https:\u002F\u002Ftailwindcss.com)\n[![shadcn\u002Fui](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fshadcn%2Fui-000000?logo=shadcnui&logoColor=white)](https:\u002F\u002Fui.shadcn.com)\n[![License: MIT](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-green.svg)](LICENSE)\n[![Deploy to Cloudflare](https:\u002F\u002Fdeploy.workers.cloudflare.com\u002Fbutton)](https:\u002F\u002Fdeploy.workers.cloudflare.com\u002F?url=https:\u002F\u002Fgithub.com\u002Fwebrating\u002Fstarfolio)\n\n[**Live Demo**](https:\u002F\u002Fastro-portfolio-template.websiterating.com) · [Report Bug](https:\u002F\u002Fgithub.com\u002Fwebrating\u002Fstarfolio\u002Fissues) · [Request Feature](https:\u002F\u002Fgithub.com\u002Fwebrating\u002Fstarfolio\u002Fissues)\n\n![Starfolio preview](.\u002Fpublic\u002Fstarfolio-preview.png)\n\n\u003C\u002Fdiv>\n\n## Why Starfolio?\n\nA developer portfolio template that doesn't make you hunt through twenty component files to change your name. Your entire portfolio - bio, work history, projects, skills, hackathons, social links - lives in a single typed data file. The components read from it. You never touch them.\n\n**TL;DR: Edit three config files, deploy in minutes**\n\n## Features\n\n- **Astro v6** - static-first, ships zero JS by default\n- **Three-file customization** - edit your data, config, and posts; never touch components\n- **Homepage customization** - show\u002Fhide sections, control all of the homepage content, + lots more\n- **Tailwind CSS v4 + shadcn\u002Fui** - modern, accessible UI primitives\n- **Light & dark mode** - automatic system detection, theme variables in one place\n- **MDX blog** - full MDX with components, syntax highlighting, code blocks\n- **SEO-ready** - meta tags, Open Graph images, sitemap, robots.txt\n- **Type-safe** - TypeScript throughout, including your resume data\n- **Variable fonts** - swap fonts in seconds via Fontsource\n- **Responsive design** - mobile-first, looks great everywhere\n- **Cloudflare Pages adapter** - pre-configured, swappable for Vercel \u002F Netlify \u002F Node\n\n## Three files, one portfolio\n\n| File | Controls |\n| --- | --- |\n| `src\u002Fdata\u002Fresume.tsx` | Your name, bio, work, education, projects, skills, hackathons, social links |\n| `src\u002Fdata\u002Fconfig.ts` | Site URL, SEO, theme colors, font size |\n| `src\u002Fcontent\u002Fblog\u002F*.mdx` | Blog posts |\n\n## Stack\n\n- [Astro v6](https:\u002F\u002Fastro.build) - static site generator\n- [React](https:\u002F\u002Freact.dev) - interactive islands\n- [Tailwind CSS v4](https:\u002F\u002Ftailwindcss.com) - styling\n- [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com) - UI components\n- [Cloudflare Pages](https:\u002F\u002Fpages.cloudflare.com) - deployment adapter (swappable)\n- [pnpm](https:\u002F\u002Fpnpm.io) - package manager\n\n## Quick start\n\n**Prerequisites:** Node.js >= 22.12.0, pnpm\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fwebrating\u002Fstarfolio\ncd starfolio\npnpm install\npnpm dev\n```\n\nOpen \u003Chttp:\u002F\u002Flocalhost:4321>.\n\n## Customizing your portfolio\n\n### 1. Personal info - `src\u002Fdata\u002Fresume.tsx`\n\nEdit the `DATA` object:\n\n```ts\nexport const DATA = {\n  name: \"Your Name\",\n  initials: \"YN\",\n  url: \"https:\u002F\u002Fyoursite.com\",\n  location: \"Your City\",\n  description: \"One-line bio shown in meta and hero\",\n  summary: \"Longer about section, supports markdown links\",\n  avatarUrl: \"\u002Fme.png\",        \u002F\u002F place image in public\u002F\n  ogImage: \"\u002Fog_image.png\",    \u002F\u002F OG image for social sharing\n  skills: [...],\n  navbar: [...],\n  contact: { email, social },\n  work: [...],\n  education: [...],\n  projects: [...],\n  hackathons: [...],\n}\n```\n\nReplace the placeholder logos in `public\u002F` with your own.\n\n### 2. Site settings - `src\u002Fdata\u002Fconfig.ts`\n\n```ts\nexport const CONFIG = {\n  site: {\n    url: \"https:\u002F\u002Fyoursite.com\",   \u002F\u002F must match astro.config.mjs site\n    locale: \"en_US\",\n    twitterHandle: \"@yourhandle\",\n  },\n  seo: {\n    titleTemplate: \"%s | %n\",      \u002F\u002F %s = page title, %n = your name\n    twitterCard: \"summary_large_image\",\n    robots: \"index, follow\",\n  },\n  typography: {\n    baseFontSize: 100,             \u002F\u002F 100 = default, 110 = 10% larger\n  },\n  theme: {\n    radius: \"0.625rem\",\n    light: { background, primary, ... },\n    dark:  { background, primary, ... },\n  },\n}\n```\n\n**Changing theme colors:** grab any theme from [ui.shadcn.com\u002Fthemes](https:\u002F\u002Fui.shadcn.com\u002Fthemes) or [tweakcn.com](https:\u002F\u002Ftweakcn.com), copy the CSS variables, and paste them into the `light` \u002F `dark` blocks (strip the `--` prefix, camelCase the property names e.g. `card-foreground` → `cardForeground`).\n\n**Changing font size:** set `baseFontSize` to a percentage - `115` = 15% larger across all text, headings, and links at once.\n\n### 3. Blog posts - `src\u002Fcontent\u002Fblog\u002F`\n\nCreate a `.mdx` file with this frontmatter:\n\n```mdx\n---\ntitle: \"Your Post Title\"\npublishedAt: \"2025-01-01\"\nsummary: \"One-line description shown in the post list.\"\nimage: \"https:\u002F\u002F...\"   # optional cover image\n---\n\nYour content here. Full MDX - components, code blocks, everything.\n```\n\n## Changing fonts\n\n1. Find a variable font at [fontsource.org](https:\u002F\u002Ffontsource.org) (filter by Variable)\n2. Install it: `pnpm add @fontsource-variable\u002F\u003Cfont-name>`\n3. In `src\u002Fstyles\u002Fglobal.css`, swap the `@import` and `--font-sans` value:\n\n```css\n@import \"@fontsource-variable\u002Finter\";\n--font-sans: 'Inter Variable', sans-serif;\n```\n\nYou need both a sans and a mono font. The mono font (`--font-mono`) is used for code blocks. Not every sans font has a matching mono - common pairings:\n\n| Sans | Mono |\n| --- | --- |\n| `geist` | `geist-mono` |\n| `inter` | `jetbrains-mono` |\n| `plus-jakarta-sans` | `fira-code` |\n\n## Commands\n\n| Command | Action |\n| --- | --- |\n| `pnpm install` | Install dependencies |\n| `pnpm dev` | Start dev server at `localhost:4321` |\n| `pnpm build` | Build for production |\n| `pnpm preview` | Preview production build locally |\n\n## Deployment\n\nPre-configured for **Cloudflare Workers or Pages** via `@astrojs\u002Fcloudflare`. Run `pnpm build` and deploy the `dist\u002F` folder.\n\nTo use a different host, swap the adapter in `astro.config.mjs` - see [Astro adapters](https:\u002F\u002Fdocs.astro.build\u002Fen\u002Fguides\u002Fdeploy\u002F).\n\nStarfolio works with any Astro-supported deploy target: **Vercel**, **Netlify**, **Cloudflare Pages**, **GitHub Pages**, **Node**, or static hosting.\n\n## Project structure\n\n```\nsrc\u002F\n├── content\u002Fblog\u002F     # MDX blog posts\n├── data\u002F\n│   ├── resume.tsx    # Your personal data\n│   └── config.ts     # Site settings & theme\n├── components\u002F       # UI components (no need to edit)\n├── layouts\u002F\n│   └── Layout.astro  # HTML shell, reads from config.ts\n├── pages\u002F\n│   ├── index.astro\n│   └── blog\u002F\n└── styles\u002F\n    └── global.css    # Font imports & Tailwind base\npublic\u002F               # Static assets (images, favicon)\n```\n\n## Contributing\n\nIssues and PRs welcome. If you build something with Starfolio, open an issue with a link - happy to feature it in a \"Built with Starfolio\" section.\n\n## Show your support\n\nIf this template saved you time, please **star the repo** - it helps others find it.\n\n## Credits\n\n- [dillionverma\u002Fportfolio](https:\u002F\u002Fgithub.com\u002Fdillionverma\u002Fportfolio) - the original, and AMAZING, Next.js portfolio this template is inspired by\n- [Astro](https:\u002F\u002Fastro.build), [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com), [Tailwind CSS](https:\u002F\u002Ftailwindcss.com)\n\n## License\n\n[MIT](LICENSE) - free for personal and commercial use.\n\n---\n\n\u003Cdiv align=\"center\">\n\n**Keywords:** astro portfolio template · astro portfolio theme · astro starter · personal website template · developer portfolio · resume website · astro shadcn template · tailwind portfolio · mdx blog template\n\n\u003C\u002Fdiv>\n","Starfolio 是一个现代化的 Astro 个人作品集模板，使用 Tailwind CSS v4、shadcn\u002Fui 和 MDX 博客构建。其核心功能包括通过编辑三个文件即可完成个性化配置，支持明暗模式切换，并且内置了 SEO 优化和响应式设计。该模板适合开发者快速搭建展示个人简历、项目经验和博客文章的专业网站。基于 Astro v6 和 React 技术栈，确保了静态优先和零 JavaScript 的默认加载性能，同时提供了灵活的部署选项，如 Cloudflare Pages 等。","2026-06-11 04:05:48","CREATED_QUERY"]