{"id":41925493,"url":"https://github.com/flibustier/portfolio","last_synced_at":"2026-01-25T17:10:12.510Z","repository":{"id":38268757,"uuid":"66505512","full_name":"flibustier/portfolio","owner":"flibustier","description":"Personnal Portfolio 🖼️ (v4 with Astro)","archived":false,"fork":false,"pushed_at":"2025-09-12T20:56:25.000Z","size":53550,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"v4","last_synced_at":"2025-09-12T22:55:42.996Z","etag":null,"topics":["astro","astrojs","dark-mode","nuxt2","vue"],"latest_commit_sha":null,"homepage":"https://jonathan.pl/","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/flibustier.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2016-08-24T22:54:05.000Z","updated_at":"2025-09-12T20:55:47.000Z","dependencies_parsed_at":"2025-09-12T22:21:37.239Z","dependency_job_id":"86d2c56b-06ee-4738-8a83-e837793c4684","html_url":"https://github.com/flibustier/portfolio","commit_stats":null,"previous_names":["flibustier/portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/flibustier/portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flibustier%2Fportfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flibustier%2Fportfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flibustier%2Fportfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flibustier%2Fportfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flibustier","download_url":"https://codeload.github.com/flibustier/portfolio/tar.gz/refs/heads/v4","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flibustier%2Fportfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28755568,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T16:32:25.380Z","status":"ssl_error","status_checked_at":"2026-01-25T16:32:09.189Z","response_time":113,"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":["astro","astrojs","dark-mode","nuxt2","vue"],"created_at":"2026-01-25T17:10:11.803Z","updated_at":"2026-01-25T17:10:12.502Z","avatar_url":"https://github.com/flibustier.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Personal Portfolio](https://jonathan.pl) 🎨\n\n## 🚀 2024 Update\n\nv4 of my personal portfolio using [Astro](https://astro.build/) is now [live](https://jonathan.pl)!\n\nMigration from 2020 Nuxt 2 reaching [End of Life](https://v2.nuxt.com/lts) was the opportunity to try [Astro](https://astro.build/).\n\nI’m very happy with the result, achieving an impressive size reduction:\n\nv3 (248.71 kB)\n```text\n/index.html (24,53 kB)\n├── 6d9de06.js (2,37 kB)\n├── 8182508.js (172.05 kB)\n├── 766eaf8.js (60.26 kB)\n├── 92ce22e.js (16.51 kB)\n├── 0b849bb.js (9.53 kB)\n```\n\nv4 (11,83 kB)\n```text\n/index.html (11,83 kB)\n```\nWith all JS and CSS inlined.\n\nAnd of course [Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/) score increased:\n\nv3\n\n![](./docs/v3-lighthouse.png)\n\nv4\n\n![](./docs/v4-lighthouse.png)\n\nOne of the challenges was to re-create [Nuxt Color Mode](https://color-mode.nuxtjs.org/) with vanilla JS and CSS. \n\n![](./docs/v4-switch.gif)\n\nWith the help of the [Astro docs](https://docs.astro.build/en/tutorial/6-islands/2/), the result was very neat, you can check the component [Switch.astro](./src/components/Switch.astro)\n\nOn the other hand, I chose to abandon the [Vue Transition Component](https://vuejs.org/guide/built-ins/transition) to avoid introducing a JS framework in the project.\n\n## 🦕 History\n\n- [v4](https://github.com/flibustier/portfolio/tree/v4) 2024 [Astro](https://astro.build/) (SSG) custom CSS + JS  \n- [v3](https://github.com/flibustier/portfolio/tree/v3) 2020 [Nuxt 2](https://nuxt.com/) (SSG) + Vue 2 + SCSS\n- [v2](https://github.com/flibustier/portfolio/tree/v2) 2018 [Phenomic](https://github.com/MoOx/phenomic)\n- v1 Static HTML + CSS\n\n## 🧑‍🎨 Project Structure\n\nInside of the Astro project, you'll see the following folders and files:\n\n```text\n/\n├── public/\n│   └── icons/\n│   └── images/\n├── src/\n│   ├── components/\n│   │   └── Card.astro\n│   ├── layouts/\n│   │   └── Layout.astro\n│   └── pages/\n│       └── index.astro\n└── package.json\n```\n\nAstro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.\n\nThere's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.\n\nAny static assets, like images, can be placed in the `public/` directory.\n\n## 🧞 Commands\n\nAll commands are run from the root of the project, from a terminal:\n\n| Command                   | Action                                           |\n| :------------------------ | :----------------------------------------------- |\n| `npm install`             | Installs dependencies                            |\n| `npm run dev`             | Starts local dev server at `localhost:4321`      |\n| `npm run build`           | Build your production site to `./dist/`          |\n| `npm run preview`         | Preview your build locally, before deploying     |\n| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |\n| `npm run astro -- --help` | Get help using the Astro CLI                     |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflibustier%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflibustier%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflibustier%2Fportfolio/lists"}