DEV Community

Yethikrishna.R
Yethikrishna.R

Posted on

Two open-source starter templates: a premium Next.js portfolio and varsha, an Astro site starter

Yethikrishna R has open-sourced two production-ready starter templates, both live on their own domains and free to fork.

1. Dev Portfolio Template (Next.js 14)

A premium developer portfolio starter built with Next.js 14, TypeScript, Tailwind CSS, and Framer Motion.

Live demo: portfolio.myndlabs.tech
Source: github.com/yethikrishna/dev-portfolio-template

What's inside:

  • One-file customization - all content lives in src/data/resume.tsx
  • MDX blog with syntax highlighting, reading time, and RSS
  • Projects showcase with animated cards and tech badges
  • Interactive CLI mode at /cli and a Cmd+K command palette
  • Dark / light / system theme, optional UI sounds, custom cursor
  • Full SEO suite: sitemap, robots.txt, OpenGraph, JSON-LD, dynamic OG images
  • Accessible out of the box (keyboard nav, ARIA, reduced-motion support)

Get running:

git clone https://github.com/yethikrishna/dev-portfolio-template
cd dev-portfolio-template
npm install
npm run dev
Enter fullscreen mode Exit fullscreen mode

2. varsha (Astro + Starlight)

A website starter built with Astro 5 and Starlight, for marketing sites, docs portals, and blogs.

Live demo: varsha.myndlabs.tech
Source: github.com/yethikrishna/web-ui-template

What's inside:

  • 18+ built-in color palettes with instant light/dark switching
  • A full design system with CSS tokens (type, spacing, radius, shadows)
  • Built-in docs in English, Japanese, and Simplified Chinese
  • MDX blog with author cards, tags, RSS, and reading time
  • Zero-JS-by-default architecture, Lighthouse 100/100/100/100
  • Machine-readable context files (llms.txt, llms-full.txt, SKILL.md)

Get running:

npx create-varsha my-site
cd my-site
npm run dev
Enter fullscreen mode Exit fullscreen mode

Both are MIT-licensed. Fork them, ship them, make them yours.

Issues and contributions are welcome on both repos.

Top comments (0)