{"id":42881123,"url":"https://github.com/github-samples/gitfolio","last_synced_at":"2026-01-30T14:33:08.535Z","repository":{"id":334773817,"uuid":"1129823629","full_name":"github-samples/gitfolio","owner":"github-samples","description":"Minimal and modern developer portfolio template built with Next.js and Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2026-01-26T19:37:32.000Z","size":5541,"stargazers_count":1,"open_issues_count":10,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-27T07:00:07.123Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/github-samples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":"SUPPORT.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-01-07T16:26:09.000Z","updated_at":"2026-01-26T19:13:53.000Z","dependencies_parsed_at":"2026-01-27T07:00:17.474Z","dependency_job_id":null,"html_url":"https://github.com/github-samples/gitfolio","commit_stats":null,"previous_names":["github-samples/gitfolio"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/github-samples/gitfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/github-samples%2Fgitfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/github-samples%2Fgitfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/github-samples%2Fgitfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/github-samples%2Fgitfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/github-samples","download_url":"https://codeload.github.com/github-samples/gitfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/github-samples%2Fgitfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28914261,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-30T12:13:43.263Z","status":"ssl_error","status_checked_at":"2026-01-30T12:13:22.389Z","response_time":66,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-01-30T14:33:08.397Z","updated_at":"2026-01-30T14:33:08.512Z","avatar_url":"https://github.com/github-samples.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⚡ GITFOLIO\n\nA beginner-friendly developer portfolio template with a retro-futuristic cyberpunk aesthetic. Fork it, customize it, deploy it - no design skills required, (promise!)\n\n![Gitfolio Preview](https://img.shields.io/badge/Next.js-16.0.10-black?style=flat-square\u0026logo=next.js) ![Tailwind CSS](https://img.shields.io/badge/Tailwind-4-38B2AC?style=flat-square\u0026logo=tailwind-css) ![TypeScript](https://img.shields.io/badge/TypeScript-5-3178C6?style=flat-square\u0026logo=typescript)\n\n---\n\n## 🚀 Quick Start\n\n### Option 1: Use This Template (Recommended)\n\n1. Click the **\"Use this template\"** button at the top of this repo\n2. Name your new repository (e.g., `my-portfolio`)\n3. Clone your new repo and start customizing!\n\n### Option 2: Fork \u0026 Clone\n\n```bash\n# Clone the repository\ngit clone https://github.com/YOUR_USERNAME/YOUR_REPO_NAME.git\ncd YOUR_REPO_NAME\n\n# Install dependencies\nnpm install\n\n# Start the development server\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) to see your portfolio.\n\n---\n\n## ✏️ Customize Your Portfolio\n\nAll your content lives in **one file**: `app/page.tsx`\n\n### 1. Update Your Name/Brand\nFind the navigation section and change `GITFOLIO` to your name:\n```tsx\n\u003cLink href=\"/\"\u003e\n  YOUR_NAME\n\u003c/Link\u003e\n```\n\n### 2. Add Your Projects\nLook for the `ProjectCard` components and update them:\n```tsx\n\u003cProjectCard \n  title=\"MY_PROJECT\"\n  description=\"What this project does and why it's awesome.\"\n  tags={[\"REACT\", \"TYPESCRIPT\", \"API\"]}\n  color=\"cyan\"  // Options: cyan, fuchsia, purple, yellow\n  href=\"https://github.com/you/project\"\n/\u003e\n```\n\n### 3. Write Your Bio\nFind the `// ABOUT_ME` section and tell your story:\n```tsx\n\u003cp\u003e\n  Your developer journey goes here. What drives you? \n  What are you passionate about building?\n\u003c/p\u003e\n```\n\n### 4. Update Your Skills\nCustomize the `STACK_TRACE` and `PROTOCOLS` lists with your actual tech stack and values.\n\n### 5. Add Your Photo\nDrop your photo in the `/public` folder as `me.png` (or update the filename in `page.tsx`).\n\n### 6. Update Social Links\nFind the footer section and add your actual social media URLs:\n```tsx\n\u003cSocialLink href=\"https://github.com/YOUR_USERNAME\" label=\"GITHUB\" /\u003e\n\u003cSocialLink href=\"https://linkedin.com/in/YOUR_USERNAME\" label=\"LINKEDIN\" /\u003e\n\u003cSocialLink href=\"https://twitter.com/YOUR_USERNAME\" label=\"TWITTER\" /\u003e\n```\n\n---\n\n## 🌐 Deploy to GitHub Pages\n\nThis template is pre-configured for GitHub Pages deployment.\n\n### Step 1: Update the Base Path\n\nIn `app/page.tsx`, update the `basePath` variable with your repository name:\n```tsx\nconst basePath = process.env.NODE_ENV === \"production\" ? \"/YOUR_REPO_NAME\" : \"\";\n```\n\n### Step 2: Enable GitHub Pages\n\n1. Go to your repo's **Settings** → **Pages**\n2. Under \"Build and deployment\", select **GitHub Actions**\n3. Push to `main` branch—the included workflow will build and deploy automatically\n\nYour site will be live at: `https://YOUR_USERNAME.github.io/YOUR_REPO_NAME`\n\n---\n\n## 📁 Project Structure\n\n```\n├── app/\n│   ├── page.tsx        # 👈 Main content (edit this!)\n│   ├── layout.tsx      # Root layout \u0026 metadata\n│   └── globals.css     # Global styles\n├── public/\n│   └── me.png          # 👈 Your profile photo\n├── .github/\n│   └── workflows/      # GitHub Pages deployment\n└── next.config.ts      # Next.js configuration\n```\n\n---\n\n## 🎨 Design Features\n\n- **Cyberpunk Aesthetic**: Neon cyan, fuchsia, and yellow accents on deep space background\n- **Terminal Typography**: Monospaced fonts for that coder vibe\n- **Interactive Elements**: Glowing hover effects, pulsing status indicator, smooth animations\n- **Responsive**: Looks great on mobile, tablet, and desktop\n- **Accessible**: Semantic HTML and proper contrast ratios\n\n---\n\n## 🛠️ Tech Stack\n\n| Technology | Version | Purpose |\n|------------|---------|---------|\n| [Next.js](https://nextjs.org/) | 16 | React framework with App Router |\n| [React](https://react.dev/) | 19 | UI library |\n| [Tailwind CSS](https://tailwindcss.com/) | 4 | Utility-first styling |\n| [TypeScript](https://www.typescriptlang.org/) | 5 | Type safety |\n\n---\n\n## 📝 Available Scripts\n\n```bash\nnpm run dev      # Start development server\nnpm run build    # Build for production\nnpm run start    # Start production server\nnpm run lint     # Run ESLint\n```\n\n---\n\n## 🤝 Contributing\n\nFound a bug or have an improvement idea? Contributions are welcome!\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/awesome-feature`)\n3. Commit your changes (`git commit -m 'Add awesome feature'`)\n4. Push to the branch (`git push origin feature/awesome-feature`)\n5. Open a Pull Request\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.\n\n---\n\n## 📄 License\n\nThis project is open source under the [MIT License](LICENSE). Feel free to use it for your own portfolio!\n\n---\n\n## 💜 Credits\n\nMade with ❤️ by [GitHub for Beginners](https://gh.io/gfb) and [GitHub Copilot](https://gh.io/gfb-copilot).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgithub-samples%2Fgitfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgithub-samples%2Fgitfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgithub-samples%2Fgitfolio/lists"}