Mixed Apps
Back to case studies
MixedApps — studio website — project previewWeb
Case study

MixedApps — studio website

A custom company website in Next.js: services, portfolio and blog, running on our own VPS.

RoleDesign & development
PlatformsWeb
TechnologiesNext.js · Node.js

We have started building websites and web apps in Next.js and Node.js. Our own MixedApps website is the first example of this approach: we replaced the original WordPress site with a solution that has its own design and content stored in files. The goal was to present the studio, its services and completed projects clearly, and to complement them with articles about our development work. The presentational part of the website is generated when a new version is built; the contact form is handled on the server side. The website doesn't need a database for its content.

Services, case studies and experience on one website

Every service and case study has its own page. The portfolio can be browsed by platform, industry and technology. Alongside mobile projects, websites and web apps are gradually being added as well.

  • Responsive layout for desktops and phones
  • Case study overview with search and filters
  • A blog with previews of draft articles before publication

Content under control, without a CMS back end

Article texts and case study data are part of the source repository. Every change has a history, and we can review it before publishing. We edit content in files and release it with a new version of the website; there is no visual editor. This approach suits us for our own studio. For client websites, we choose content management based on the needs of the people who will work with it.

The website on phones, too

Navigation, content and the contact form adapt to the screen width. Visitors can browse services and projects or send an inquiry from their phone as well.

Screenshot of MixedApps — studio website – The website on phones, too

Moving from WordPress and running on a VPS

The migration included carrying over the content and redirecting the original URLs. We run the website as a Docker app on our own VPS; deployment is handled by Coolify. Next.js and Node.js let us combine pre-built content pages with server-side handling of the contact form.

  • Redirects from the original URLs after the migration
  • Contact form with validation and spam protection
  • Automatic sitemap and an RSS feed of published articles

View the project

Related service

Services

We design and build mobile apps for Android and iOS (native, KMP and Flutter), websites and backends with admin tools. From consultation to long-term support.

View service

Have a similar project?

Leave us a message or give us a call — we'll talk through your idea and propose a solution tailored to it.