Teletubbies Concept Project

Concept website. Next.js + Strapi Headless CMS with a nostalgic theme.

Next.jsReactStrapiPostgreSQL

About the Project

This project is a concept piece that reinterprets a nostalgic pop-culture theme with modern web technologies. The goal is to combine a fun, colourful universe with a performant and scalable front-end architecture, showcasing both design and technical skills.

The work is a fan concept and was created as a technical demonstration.

Technologies

Frontend: Next.js with Server-Side Rendering (SSR), SEO-friendly structure, component-based architecture, and performance optimisations. The modern React ecosystem is used throughout.

Backend: Strapi as a Headless CMS. API-based content management, dynamic data structures, easy content control via the admin panel, and a RESTful service architecture.

Architecture

The project follows a Headless CMS plus modern React front-end approach: Strapi exposes a REST API consumed by the Next.js front-end, with SSR, dynamic routing and an optimised UI. Content and presentation are fully separated; the front-end can scale independently; content can be updated without redeploying code; and performance and SEO are optimised together.

Design

The design uses minimal layouts and pastel tones, large typography, a grid-based layout system, and a modern but playful visual identity. The site is responsive and performance-focused. The aim is not to copy the original brand literally but to create a contemporary web experience within a thematic, nostalgic universe.

Conclusion

This project combines a nostalgic theme with a modern web architecture to deliver a strong showcase in both design and technical terms. Thanks to the Headless CMS approach and the Next.js stack, the result is scalable, performant and maintainable.