At the beginning of the year, my wife published her first book. I decided to build a website for her to showcase her work and highlight her books. I really enjoyed developing this project, using modern technologies like Next.js and Tailwind CSS, as well as Motion Design for a smooth and dynamic user experience.
For a more aesthetic and unique design, I also integrated a shader as the background. This choice made the site much more modern and visually appealing compared to my previous projects.
A Custom Technical Solution
The goal was to provide her with a platform she could manage herself, as simply as a CMS like WordPress. To achieve this, I developed a custom administration solution based on our usual tech stack:
- PocketBase for the backend, ensuring fast and efficient data management.
- Coolify for deployment.
- Next.js for the frontend, leveraging advanced rendering modes like SSG (Static Site Generation), SSR (Server-Side Rendering), and ISR (Incremental Static Regeneration) for optimal performance.
This custom admin system allows her to modify the site's content with complete autonomy.
The result is an extremely high-performing website. It includes advanced features like a custom scraper to retrieve Wattpad statistics, a background shader for a striking visual effect, and a complete administration system that gives her total management freedom.