@fischerdev

@fischerdev Homepage

We build our own web page! Check what technology we used and what features we implemented.

fischerdev UG (i.G.)
November 01, 2024 - November 30, 2024
Slide 1

@fischerdev Homepage: Built with Strapi and Next.js 

 

We’re excited to share one of our latest projects: the @fischerdev webpage! For this project, we combined the flexibility of Strapi and the performance of Next.js to deliver a modern and scalable platform. Here’s a quick overview of how we brought this project to life. 

 

The Tech Stack 

For this project, we used:

  • Strapi: A headless CMS for content management.
  • Next.js: A React framework for fast and SEO-friendly frontend development.
  • PostgreSQL: To store and manage structured content.
  • Tailwind CSS: For a clean and responsive design.
  • Docker: To containerize the app for consistent deployment.  

How We Built It 

 

1. Backend with Strapi 

We used Strapi to manage all the content for the webpage. With its intuitive admin panel, we created content types such as:

  • Blog Posts
  • Portfolio Projects
  • About Us  

Strapi’s API made it easy to fetch data for our frontend using REST. 

 

2. Frontend with Next.js 

The frontend was built with Next.js, leveraging features like:

  • Static Site Generation (SSG): For fast and SEO-optimized pages.
  • Dynamic Routing: To generate pages for each blog post and project dynamically.  

3. Styling with Tailwind CSS 

Tailwind CSS allowed us to create a consistent, responsive design efficiently. Its utility-first approach helped speed up the development process while maintaining a polished look. 

 

4. Deployment

  • The Strapi CMS was hosted on Render with a PostgreSQL database for scalable and reliable data management.
  • The Next.js frontend was deployed in our servers  

The Result 

The @fischerdev webpage is now live, featuring: 

  • A sleek and professional design.
  • Fast-loading, SEO-friendly pages.
  • A robust content management system for easy updates.  

This project showcases how modern tools like Strapi and Next.js can come together to build scalable, high-performance web platforms. 

 

Stay tuned for more updates as we continue to deliver innovative solutions for our clients!