Ik heb deze app gedurende de afgelopen avonden gebouwd. Hier wat aantekeningen over de app en het proces.
Ik heb gekozen het in Next.js te bouwen. Daar had ik nog niet veel ervaring mee en het leek me wel een goede gelegenheid.
Belangrijkste opmerking: ik heb uiteindelijk afgeweken van de opdracht. De filter op followersheb ik niet gebouwd. In de documentatie van GitHub staat deze inderdaad wel genoemd, maar asl je er dan op filtert, zie je geen verschil in de resultaten. Er is ook geen veld in de resositories die je terugkrijgt van GitHub dat ermee correspondeert. Ik dacht eerst misschien subscribers, maar dat leek toch ook niet te kloppen. Ik heb het toen maar gelaten en vervangen voor een extra filter op forks.
Verder was het toch nog best wat werk. Aan het inrichten van Jest en testing-library ben ik niet toegekomen. Normaal gebruik ik dat wel. Ook iets als Cypress tests heb ik niet gebouwd.
Ik zou ook nog wel wat willen refactoren, maar de tijd is nu wel op. Ik zou als eerste de search page uit elkaar halen in kleinere componenten. Ik had wel een poging gedaan, maar liep tegen issues aan en heb toen gekozen om dat voor nu niet te doen.
Ik heb de app niet op Vercel gedeployed. Maar je kunt hem natuurlijk clonen en lokaal draaien. Hieronder instructies.
Ik heb geen authenticatietoken toegevoegd voor de api, dus je kunt maximaal 10 requests per minuut doen (geloof ik). Dat is niet veel, want voor iedere repo die hij ophaalt, moet hij ook een requests doen voor extra informatie. Maar goed, om een idee te krijgen van hoe het werkt, is het denk ik voldoende. Github scant om de veiligheid te garanderen code die wordt gepusht automatisch en deactiveert automatisch tokens die het tegenkomt. Om hem wel toe te voegen moest ik aan de slag met GitHub actions en daar heb ik geen ervaring mee. De tijd gebood dus het token uit de code te halen.
Hopelijk bevalt de app. Het was in ieder geval wel leuk om te maken.
Groet, Martijn
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.