Frontend Development

Infratec (2022)

Digitalwert GmbH
ReactHeadlessGatsbyDatoCMSGraphQLJAMstack

Project description

Development of a professional corporate website for Infratec with modern web technologies. The project marked my entry into JavaScript programming and prepared me for my dual-study degree.

Technical implementation & innovation

Built with React and Gatsby.js for optimal performance through static site generation. Integration of DatoCMS as the headless CMS for flexible content management. Development of client-specific components such as the image field calculator, without external plugins.

Notable features

Implementation of a multilingual system with full localisation. Development of an image field calculator as a native component with no iframe dependencies. SEO optimisation through Gatsby's SSG capabilities.

Learning goals & skills gained

A first grasp of the headless CMS concept and of JAMstack architecture. Hands-on experience with React components, GraphQL and modern frontend development.

Result

An ultra-fast, multilingual website with 90 % better performance than its predecessor. The solution is maintainable, scalable and offers a modern user experience.