Website moderniseren: van oude HTML naar een moderne website

Van oude HTML naar een moderne website

De uitdaging

Een bedrijf had een website uit 2012, gebouwd met losse HTML-pagina’s. Bij tekstwijzigingen moest de code worden aangepast. De bestaande inhoud vormde het uitgangspunt voor de modernisering.

De oplossing

1. Een nieuwe website met React

De website is opnieuw opgebouwd met React en een vernieuwde paginastructuur.

2. Bewerkbare inhoud met Markdown

De pagina-inhoud is in Markdown-bestanden ondergebracht, zodat tekst, links en afbeeldingen los van de paginaopbouw kunnen worden bijgewerkt.

3. Indeling voor verschillende schermen

De nieuwe indeling is uitgewerkt voor telefoon, tablet en computer.

4. Moderne opbouw

React, TypeScript, Tailwind CSS en Vite vormen de nieuwe technische basis.

Wat is gebouwd?

• Een vernieuwde website met React.
• Een paginastructuur voor diensten en bedrijfsinformatie.
• Bewerkbare inhoud met Markdown.
• Een indeling voor verschillende schermformaten.

Voor en na

De oude situatie bestond uit statische HTML en wijzigingen in de code. De nieuwe opbouw scheidt inhoud en pagina-indeling.

Techniek

Lovable, React, TypeScript, Tailwind CSS, Markdown en Vite.

Wat betekent dit voor jouw website?

Begin bij de inhoud en het beheer: wat moet behouden blijven en wie gaat wijzigingen doen? Een preview kan die keuzes zichtbaar maken. Ron bekijkt de scan voordat je bericht krijgt.

Bekijk Website Rescue. Je krijgt binnen 1 werkdag bericht, nadat Ron de scan heeft bekeken.