[{"_1":2,"_161":-5,"_162":-5},"loaderData",{"_3":4,"_17":18,"_25":26,"_140":141},"root",{"_5":-5,"_6":-7,"_7":8,"_9":-7,"_10":11,"_12":-7,"_13":14,"_15":16},"currentUser","primaryEmail","siteVerification","6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI","toast","enableDev",false,"incidentStatus","theme","system","contrast","normal","routes/_layout",{"_19":-5,"_20":21,"_22":21,"_23":11,"_24":21},"username","isAskGordonEnabled",true,"isUsingNewTemplate","showMinimalLanding","showHoneypotTrap","routes/_layout.r.$namespace.$reponame",{"_27":28,"_29":-5,"_30":11,"_31":11,"_32":33,"_34":35,"_36":-5,"_37":11,"_38":39,"_88":-5,"_89":90,"_129":-5,"_130":11,"_131":21,"_132":11,"_133":-5,"_134":11,"_135":-5,"_136":137,"_138":91,"_139":-7},"canonicalUrl","https://hub.docker.com/r/lissy93/devolio/tags","mcpServer","canSeeDockerfile","canSeeAutobuilds","namespace","lissy93","reponame","devolio","cloudBuildSource","isAutobuildsAvailable","repo",{"_40":41,"_42":43,"_45":46,"_47":48,"_49":11,"_50":51,"_52":53,"_54":55,"_57":35,"_32":33,"_58":59,"_60":44,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":62,"_69":70,"_71":11,"_72":33,"_73":74,"_79":11,"_80":81,"_85":33,"_86":87},"categories",[],"content_types",[44],"image","date_registered","2023-02-18T20:12:50.418195Z","description","A developer portfolio site for the rest of us","is_private","last_updated","2023-07-15T10:59:39.177202Z","last_modified","2024-10-16T13:48:34.145251Z","media_types",[56],"application/vnd.docker.container.image.v1+json","name","pull_count",1050,"repository_type","star_count",0,"status",1,"status_description","active","source","collaborator_count","full_description","

✨ Devolio

\n An aggregated portfolio and blog site for developers
\n Demo: devolio.as93.net\n

\n \n \n \n

\n\n

Contents

\n\n\n\n- [**About**](#about)\n - [Intro](#intro)\n - [Pages](#pages)\n - [Portfolio](#portfolio)\n - [Blog](#blog)\n - [Contact](#contact)\n - [About](#about-1)\n - [Quality Gates](#quality-gates)\n - [Tech Stack](#tech-stack)\n- [**Getting Started**](#getting-started)\n - [Developing](#developing)\n - [Deploying](#deploying)\n - [Configuring](#configuring)\n - [Basic Data](#basic-data)\n - [Secrets](#secrets)\n - [Styles](#styles)\n - [Languages](#languages)\n - [More](#more)\n- [**Community**](#community)\n - [Report an Issue](#report-an-issue)\n - [Contributing](#contributing)\n - [Support](#support)\n - [Credits](#credits)\n- [**License**](#license)\n\n\n

\n\n_{A tutorial, for to this project is available on **[DEV.to](https://dev.to/lissy93/sveltekit-10-build-an-blog-fetching-posts-from-your-dev-profile-29f)**}\n\n^{A mirror is available at **[codeberg.org/alicia/devolio](https://codeberg.org/alicia/devolio)**}\n\n## About\n\n### Intro\n\nDevolio is a self-hosted developer homepage, where you can showcase your projects, blog posts, coding stats and more.
\nData fetched from existing sources (GitHub, RSS, Dev.to etc), so there's no backend to manage.
\nIt's easy to make it your own, with custom styles and a simple config file.
\n\n### Pages\n\nThe app is split into several pages: [Portfolio](#portfolio) | [Blog](#blog) | [Contact](#contact) | [About](#about-1)\n\n#### Portfolio\n\nThe portfolio page displays the projects you've built. Data is fetched from your GitHub profile.\n\nEach project can include: name, description, thumbnail, language, star/fork/issue count, license, size, date create/updated and links to the repo and project website. Featured projects can be made to span multiple cells, in order to display more info. When a thumbnail is present, the user can hover over the card to view full details.\n\nYou can add or override any project data in the config file, as well as manually add more projects.\n\n

\n \n

\n\n#### Blog\n\nThe blog page displays posts that you've published. Data is fetched and aggregated from one or more RSS feeds defined in the config. Post content is rendered as HTML, as well as metadata including author, date, link to original and optional thumbnail.\n\nStart typing to filter results, and use the keyboard to navigate posts.\n\nThere's also the option to include secondary feeds, which can be toggled by the user using the dropdown menu. This may be useful for including less important updates, without them cluttering up your main feed.\n\n

\n\n

\n \n#### Contact\nThe contact page includes links to social profiles, a contact form, and space for GPG keys.\n\nHover over the social media links, to show relevant user stats, like follower count, karma/ rep, join date and more.\n\nThe contact form let's users write you a message, and include their name + mail address. Upon sending, the message will be emailed to you, using [EmailJS](https://emailjs.com).\n\nThere's also space for including PGP key, and links to encrypted messenger apps.\n\n

\n \n \n

\n \n#### About\nThe about page has space for a short bio, profile image, and work experience.\n\n

\n\n

\n\n### Features\n\n### Quality Gates\n\n✅ Localized with multi-language support
\n✅ Unit tested
\n✅ Fast load speeds
\n✅ Server-side rendering for good SEO
\n✅ Meets accessibility standards
\n✅ Fully responsive
\n\n### Tech Stack\n\nBuilt with Svelte, using SvelteKit (1.0.0) and written in TypeScript.\nThe build system is Vite/ Rollup, with dependencies managed with PNPM.\nStandards implemented with ESLint and Prettier, with testing done using Vitest and Playwright.\nStyles are composed in SCSS with CSS variables for theming.\nThere's an optional Dockerfile with a Deno web server.\n\n---\n\n## Getting Started\n\n### Developing\n\n```bash\n# 1. Clone the repo and cd into it (update username if you've forked)\ngit clone git@github.com:Lissy93/devolio.git && cd devolio\n\n# 2. Install dependencies\npnpm install\n\n# 3. Start the development server\npnpm run dev -- --open\n```\n\n### Manual Deploy\n\n- Fork the repo, then follow the steps above to clone and install dependencies\n- Make any desired changes (see [Configuring](#configuring) below)\n- Push changes to your repository\n- Enable the build action, to deploy to a service of your choice\n\nYou can also build the site yourself `npm run build`, then either run `node build` to start the server, or use an appropriate [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.\n\n### Quick Deploy\n\nUse the 1-click deploy to get up and running in seconds.\n\n[![Depoly Devolio to Netlify](https://img.shields.io/badge/Deploy-Netlify-%2330c8c9?style=for-the-badge&logo=netlify&labelColor=1e0e41 'Deploy Devolio to Netlify, via 1-Click Script')](https://app.netlify.com/start/deploy?repository=https://github.com/lissy93/devolio 'Deploy Devolio to Render, via 1-Click Script')\n\n[![Depoly Devolio to Render](https://img.shields.io/badge/Deploy-Render-%236c83fa?style=for-the-badge&logo=render&labelColor=1e0e41&logoColor=6c83fa)](https://render.com/deploy?repo=https://github.com/lissy93/devolio 'Deploy Devolio to Render, via 1-Click Script')\n\n[![Deploy Devolio to Railway](https://img.shields.io/badge/Deploy-Railway-%23853bce?style=for-the-badge&logo=railway&labelColor=1e0e41&logoColor=853bce)](https://railway.app/new/template/hROvhb 'Deploy Devolio to Railway, via 1-Click Script')\n\n[![Deploy Devolio to Vercel](https://img.shields.io/badge/Deploy-Vercel-%23ffffff?style=for-the-badge&logo=vercel&labelColor=1e0e41)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Flissy93%2Fdevolio&env=GITHUB_TOKEN,TWITTER_TOKEN&project-name=devolio&repository-name=devolio_My-Developer-Portfolio 'Deploy Devolio to Vercel, via 1-Click Script')\n\n### Docker Deploy\n\nThere's a multi-arch [`Dockerfile`](https://github.com/Lissy93/devolio/blob/master/Dockerfile) published on DockerHub under [`lissy93/devolio`](https://hub.docker.com/r/docker/lissy93/devolio) using [this workflow](https://github.com/Lissy93/devolio/blob/master/.github/workflows/docker-build-publish.yml)\n\nTo run the container directly from DockerHub or GHCR, use: `docker run -p 3000:80 lissy93/devolio`\n\nAlternatively, use the [`docker-compose.yml`](https://github.com/Lissy93/devolio/blob/master/docker-compose.yml) as a template, and run `docker compose up`\n\n[![Test on PWD](https://img.shields.io/badge/Try-Play_with_Docker-%232496ED?style=for-the-badge&logo=docker&labelColor=1e0e41)](https://labs.play-with-docker.com/?stack=https://raw.githubusercontent.com/Lissy93/devolio/master/docker-compose.yml 'Deploy Devolio to PWD, via 1-Click Script')\n\n

Config

\n\n_You can pass in your own [`config.ts`](https://github.com/Lissy93/devolio/blob/master/src/helpers/config.ts) with `-v ./my-config.ts:/app/src/helpers/config.ts`, and rebuild with `docker exec -it [container-id] yarn build` where container ID can be found with `docker ps`)_\n\n

\n\n### Configuring\n\n#### Basic Data\n\nAll site data is located in [`config.ts`](https://github.com/Lissy93/devolio/blob/master/src/helpers/config.ts). Here you can specify site name, URLs to RSS feeds, GitHub username to fetch projects from, contact details, etc.\n\n#### Secrets\n\nSensitive data, like API keys are set as environmental variables. These can either be set in the [`.env`](https://github.com/Lissy93/devolio/blob/master/.env) file, or in the admin panel for your hosting provider (e.g. for Netlify: Site settings --> Environmental Variables)\n\nAccepted Values\n\n- `GITHUB_TOKEN` - A scoped API key for fetching repositories, and displaying social stats on the contact page. Optional, but you may experience rate limits if not specified\n- `TWITTER_TOKEN` - Bearer token for showing follower count on the contact page.\n\n#### Styles\n\nStyle values are managed with CSS variables, for easy configuration. These values are defined in the SCSS files within [`styles/`](https://github.com/Lissy93/devolio/tree/master/src/styles). For more advanced theming, you can edit the content of the `

lissy93/devolio

Tags for lissy93/devolio