{"id":15519522,"url":"https://github.com/williamfridh/williamfridh.com-portfolio","last_synced_at":"2026-01-07T13:35:36.890Z","repository":{"id":236152634,"uuid":"770617512","full_name":"williamfridh/williamfridh.com-Portfolio","owner":"williamfridh","description":"Personal portfolio with a prompt-inspired design based on Next.js and headless WordPress.","archived":false,"fork":false,"pushed_at":"2024-07-09T20:20:33.000Z","size":5493,"stargazers_count":0,"open_issues_count":12,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-03T00:02:43.010Z","etag":null,"topics":["headless-wordpress","nextjs","portfolio-website"],"latest_commit_sha":null,"homepage":"https://williamfridh.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/williamfridh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2024-03-11T21:21:31.000Z","updated_at":"2024-07-04T22:55:48.000Z","dependencies_parsed_at":"2024-06-24T16:52:59.713Z","dependency_job_id":null,"html_url":"https://github.com/williamfridh/williamfridh.com-Portfolio","commit_stats":null,"previous_names":["williamfridh/williamfridh.com-portfolio"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamfridh%2Fwilliamfridh.com-Portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamfridh%2Fwilliamfridh.com-Portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamfridh%2Fwilliamfridh.com-Portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamfridh%2Fwilliamfridh.com-Portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/williamfridh","download_url":"https://codeload.github.com/williamfridh/williamfridh.com-Portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246093187,"owners_count":20722402,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["headless-wordpress","nextjs","portfolio-website"],"created_at":"2024-10-02T10:21:52.490Z","updated_at":"2026-01-07T13:35:36.859Z","avatar_url":"https://github.com/williamfridh.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WilliamFridh.com - Portfolio\n\n![image](https://img.shields.io/badge/Wordpress-21759B?style=for-the-badge\u0026logo=wordpress\u0026logoColor=white)\n![image](https://img.shields.io/badge/Vercel-000000?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)\n![image](https://img.shields.io/badge/GitKraken-179287?style=for-the-badge\u0026logo=GitKraken\u0026logoColor=white)\n![image](https://img.shields.io/badge/GraphQl-E10098?style=for-the-badge\u0026logo=graphql\u0026logoColor=white)\n![image](https://img.shields.io/badge/next%20js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white)\n![image](https://img.shields.io/badge/npm-CB3837?style=for-the-badge\u0026logo=npm\u0026logoColor=white)\n![image](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![image](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![image](https://img.shields.io/badge/json-5E5C5C?style=for-the-badge\u0026logo=json\u0026logoColor=white)\n![image](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n\n**Welcome to the repository containing my portfolio website. It uses the technologies Next.js (thus also React JS), TypeScript, Tailwind CSS, TypeScript, GraphQL, and deploys to Vercel. A liver version is available at [WilliamFridh.com](https://williamfridh.com/). it has basic support for pages and in addition, portfolio and makes use [Advanced Custom Fields (ACF)](https://www.advancedcustomfields.com/).**\n\nNote that this README.md file covers both folders in this repository: \"app\", and \"cms\". CMS however only contains a theme used for displaying an error message upon visiting the URL where WordPress is located.\n\n## Background\n\nThis project is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) that I built on to achieve my vision. It was requested as part of the course [EH1021 Active Career Start](https://www.kth.se/student/kurser/kurs/EH1021) with the goal of preparing us as students for the job application process.\n\n# Running The APP\n\n1. Clone the repository.\n2. Follow the instructions in the file \".env.example\".\n3. Read through the code and find what's required by the WordPress GraphQL.\n4. Run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n# or\nbun dev\n```\n\n5. Open [http://localhost:3000](http://localhost:3000) with your browser to see the website in action.\n\n# info\n\n- No \"pages/index.tsx\" is used. Instead \"next.config.js\" redirects traffic from \"/\" to \"/home\" so that \"pages/[slug].tsx\" can handle the request. \"/home\" is stored inside \".env.local\".\n\n- This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n# WordPress\n\nThe website has unique styling for certain elements to keep the theme consistent.\n\n## Formating data in WordPress\n\n- Lists must start with a \"header\" element. For instance:\n\n```\n\u003cul\u003e\n\t\u003cli\u003eCourses\u003c/li\u003e\n\t\u003cli\u003eMathematics\u003c/li\u003e\n\t\u003cli\u003eComputer Programming\u003c/li\u003e\n\u003c/ul\u003e\n```\n\n- The menu is to be loaded from a menu by the name \"Main\".\n- The social menu is to be loaded from a menu by the name \"Social\".\n\n# Sources:\n\n- Badges from:\nhttps://github.com/alexandresanlim/Badges4-README.md-Profile?tab=readme-ov-file\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamfridh%2Fwilliamfridh.com-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilliamfridh%2Fwilliamfridh.com-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamfridh%2Fwilliamfridh.com-portfolio/lists"}