On Plesk

1. Create domain.
2. Select NodeJS
3. Select Temporary domain name
4. Create SSL
5. Domaindashboard > Get Started > NodeJS > Enable & restart
6. Add Deploy keys in Git
7. Restart app (See Node settings)
8. Check Application Root & Document Root: /httpdocs
9. Node Settings: npm install & npm build
10. A .next-folder is created, change
    1. document root to /httpdocs/.next/static
    2. Application startup file to node_modules/.bin/next
11. Check node_modules/.bin/next

program.command("dev", {

isDefault: true

})

program.command("start")

remove {isDefault:true} and paste it in program.command("start")

program.command("dev")

program.command("start", {

isDefault: true

})

1. Go to git setting and copy webhook, paste in github.
2. Hosting Settings > SSH access > /bin/bash

In git settings paste folowing deploy actions

rm -rf tmp
(PATH=/opt/plesk/node/22/bin:$PATH; npm install && npm run build &> npm-install.log &)
mkdir tmp
touch tmp/restart.txt

Trouble shooting

If it doesnt work, check for errors; Node settings "+ NPM INSTALL" & "RUN SCRIPT" > Build.

Eslint Error

Change .eslintrc.json;

{

  "extends": ["next"]

}

De oude site van Josje heb ik in 2009 gebouwd met onder andere Flash. De oude site draait nog steeds, de vervanger is al gemaakt en beschikbaar via de knop.

Als fotograaf hecht Josje veel waarde vrijheid. De volgorde van de foto's waren van belang, maar ook het updaten van alle teksten. Hiervoor heb ik Strapi gebruikt om in bijna alle wensen te voorzien. In combinatie met NextJs - een populair framework dat ook wordt gebruikt door onder andere de New York Post, OpenAI, Sonos en vele andere bedrijven - is de frontend weer geupdate naar de nieuwe standaarden.

De nieuwe site heb ik gemaakt met NextJs en Strapi.

Advaita.nl biedt spiritueel onderwijs waar vele tientallen cursisten lessen volgen. Voor hun mocht ik een studentenplatform maken waar studenten kunnen inloggen, en hun lesmateriaal beschikbaar hebben.

De applicatie is gericht om de cursisten onderling met elkaar te verbinden maar ook overzicht te houden voor de docenten. Het is een maatwerkproduct waarbij vooral werd gekeken naar functionaliteit. Wanneer een student een bericht plaatst stuurt de applicatie een notificatiemail naar de andere studenten.

De applicatie is gemaakt met Laravel en Tailwind.

Voor deze stichting heb ik een applicatie gebouwd waarin de adminstratie werd bijgehouden. Intermediairs konden hier gezinnen toevoegen en voor elk kind werd een PDF met een barcode voor eerst Intertoys, en later Top1 Toys.

Ik ben er enorm strots op dat ik met deze applicatie deze stichting heb kunnen helpen om 60.000 kinderen een mooi sinterklaasfeest te geven. Hoewel de applicatie en de stichting nog wel beschikbaar is, is eind 2021 deze stichting beeindigd.

De applicatie is gemaakt met Laravel en Bootstrap.