{"id":22349777,"url":"https://github.com/shawn-albert/portfolio","last_synced_at":"2026-04-11T04:32:54.776Z","repository":{"id":260687252,"uuid":"882026408","full_name":"shawn-albert/portfolio","owner":"shawn-albert","description":"A modern portfolio built with Next.js 14, TypeScript, and shadcn/ui. Features server-side rendering, MDX content management, and motion effects.","archived":false,"fork":false,"pushed_at":"2025-07-11T02:21:49.000Z","size":107777,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-08T14:44:40.586Z","etag":null,"topics":["mdx","nextjs14","react","tailwindcss","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://portfolio.shawn-albert.com","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/shawn-albert.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-11-01T18:14:30.000Z","updated_at":"2025-07-11T02:21:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"812295e6-776e-4865-a3c4-efdd66a2c895","html_url":"https://github.com/shawn-albert/portfolio","commit_stats":null,"previous_names":["shawn-albert/portfolio"],"tags_count":0,"template":false,"template_full_name":"techwithanirudh/shadcn-portfolio","purl":"pkg:github/shawn-albert/portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shawn-albert%2Fportfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shawn-albert%2Fportfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shawn-albert%2Fportfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shawn-albert%2Fportfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shawn-albert","download_url":"https://codeload.github.com/shawn-albert/portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shawn-albert%2Fportfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31669115,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["mdx","nextjs14","react","tailwindcss","typescript","vercel"],"created_at":"2024-12-04T11:09:14.130Z","updated_at":"2026-04-11T04:32:54.744Z","avatar_url":"https://github.com/shawn-albert.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eProfessional Portfolio Platform\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://nextjs.org\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Next.js-14.2.12-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\" alt=\"Next.js\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.typescriptlang.org\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/TypeScript-5.0.0-blue?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" alt=\"TypeScript\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://tailwindcss.com\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/TailwindCSS-3.3.0-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" alt=\"TailwindCSS\" /\u003e\n  \u003c/a\u003e\n  \u003cimg src=\"https://img.shields.io/badge/version-0.9.1-green?style=for-the-badge\" alt=\"Version\" /\u003e\n  \u003ca href=\"LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/shawn-albert/portfolio?style=for-the-badge\u0026labelColor=000\" alt=\"License\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## 📋 Table of Contents\n\n1. [🚀 Overview](#overview)\n2. [💻 Tech Stack](#tech-stack)\n3. [🌟 Features](#features)\n4. [🛠️ Technical Implementation](#technical-implementation)\n5. [☁️ Infrastructure \u0026 Deployment](#infrastructure--deployment)\n6. [⚡ Performance](#performance)\n7. [🔧 Development](#development)\n8. [🏃‍♂️ Getting Started](#getting-started)\n9. [📚 References](#references)\n10. [❤️ Credits](#credits)\n\n## 🚀 Overview\n\nA modern, performant portfolio platform showcasing AI and ML infrastructure projects. Built with Next.js and TypeScript, this platform demonstrates cutting-edge web development practices while maintaining optimal performance and user experience.\n\n## 💻 Tech Stack\n\n- **Framework:** Next.js 14 with App Router\n- **Language:** TypeScript 5\n- **Styling:** TailwindCSS 3, shadcn/ui\n- **Content:** MDX with content collections\n- **Animation:** Framer Motion\n- **Deployment:** Vercel Edge Network\n- **Performance:** Next.js Image Optimization\n- **Development:** ESLint, Prettier, Husky\n\n## 🌟 Features\n\n- ⚡️ Server-side rendering with Next.js 14\n- 📝 MDX-based content management\n- 🎨 Responsive design with Tailwind CSS\n- 🌓 Dark/Light mode support\n- 🎭 Smooth animations with Framer Motion\n- 📱 Mobile-first approach\n- 🔍 SEO optimized\n- 🛡️ Type-safe development with TypeScript\n- 📊 Performance monitoring\n- 🔒 Modern security practices\n\n## 🛠️ Technical Implementation\n\n- Leverages Next.js 14 App Router for optimal routing and SSR\n- Custom MDX content pipeline for flexible documentation\n- Reusable React components built with shadcn/ui\n- Responsive layouts using Tailwind CSS\n- Motion effects using Framer Motion\n\n## ☁️ Infrastructure \u0026 Deployment\n\n- Global content delivery via Vercel's edge network\n- Automated preview deployments\n- Optimized asset delivery with next/image\n- Comprehensive security policies\n- Automated TypeScript checks\n\n## ⚡ Performance\n\n- 💯 Perfect Lighthouse scores (100/100)\n- 🏃‍♂️ Static page generation\n- 📦 Optimized asset caching\n- 🖼️ Lazy-loaded images with blur placeholders\n- 🔄 Streaming and progressive rendering\n\n## 🔧 Development\n\n```bash\n# Install dependencies\npnpm install\n\n# Start development server\npnpm dev\n\n# Build for production\npnpm build\n\n# Start production server\npnpm start\n```\n\n## 🏃‍♂️ Getting Started\n\n1. Clone the repository\n```bash\ngit clone https://github.com/shawn-albert/portfolio.git\n```\n\n2. Install dependencies\n```bash\npnpm install\n```\n\n3. Set up environment variables\n```bash\ncp .env.example .env.local\n```\n\n4. Start the development server\n```bash\npnpm dev\n```\n\nVisit `http://localhost:3000` to see your application running.\n\n## 📚 References\n\n### Dependencies\n- [Next.js](https://nextjs.org) - React framework\n- [TypeScript](https://www.typescriptlang.org) - Type safety\n- [Tailwind CSS](https://tailwindcss.com) - Styling\n- [shadcn/ui](https://ui.shadcn.com) - UI components\n- [Framer Motion](https://www.framer.com/motion) - Animations\n- [MDX](https://mdxjs.com) - Content management\n\n### Development Tools\n- [ESLint](https://eslint.org) - Code linting\n- [Prettier](https://prettier.io) - Code formatting\n- [Husky](https://typicode.github.io/husky) - Git hooks\n- [Commitlint](https://commitlint.js.org) - Commit conventions\n\n### Deployments\n- [Vercel](https://vercel.com) - Hosting platform\n- [Next.js Image](https://nextjs.org/docs/api-reference/next/image) - Image optimization\n\n## ❤️ Credits\n\nThis project builds upon the excellent foundational work of [shadcn-portfolio](https://github.com/techwithanirudh/shadcn-portfolio) by [techwithanirudh](https://github.com/techwithanirudh). The original template provided the foundation and inspiration for this portfolio platform.\n\nSpecial thanks to the maintainers of the core technologies and libraries that make this project possible:\n\n- [shadcn/ui](https://ui.shadcn.com/) for the beautiful UI components\n- [Tailwind CSS](https://tailwindcss.com/) for the utility-first CSS framework\n- [Next.js](https://nextjs.org/) team for the incredible React framework\n- The entire open-source community for making projects like this possible\n\nThis project follows the belief in standing on the shoulders of giants and giving credit where credit is due. I encourage you to check out the original [shadcn-portfolio](https://github.com/techwithanirudh/shadcn-portfolio) repository for more insights into the foundational implementation.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshawn-albert%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshawn-albert%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshawn-albert%2Fportfolio/lists"}