Khairul
Home

Projects

Plannify: High-Impact Task Management App

Plannify: High-Impact Task Management App

Plannify: High-Impact Task Management App

Project Overview

Developed a full-stack task management application ('Plannify') using the Inertia stack with Server-Side Rendering (SSR) enabled. This approach ensures excellent SEO, fast initial load times, and a highly responsive user experience, while providing flexible theme options (Light and Dark Mode).

Tools Used

  • Laravel
  • React JS
  • Node JS
  • InertiaJS
  • Tailwind CSS
  • MySQL
  • Vite
  • DnD Kit
  • Shadcn/ui
  • Prettier
  • PHP
  • Git
  • GitHub
  • Visual Studio Code
  • Table Plus

Project Type

Full-Stack Web Application (SaaS Model) with SSR

Completion Date

March 2025

Project Details

Performance and SEO (SSR): The application leverages InertiaJS with Server-Side Rendering (SSR). This was crucial for rendering the initial page content on the server using Node JS, significantly improving SEO discoverability and perceived performance (Time-to-Interactive) compared to standard client-side rendering.

Technical Stack: The core architecture uses Laravel (Backend) and React JS (Frontend) integrated via InertiaJS. The SSR process utilized the Node JS environment to execute the React components server-side.

Design and Customization: The application supports dynamic theme switching between Light Mode and Dark Mode. This feature was implemented using modern Tailwind CSS variants, ensuring that the SSR-rendered content seamlessly transitions to the interactive client-side application (hydration) while maintaining the chosen theme.

Core Feature Implementation: Features include a dynamic Kanban board powered by DnD Kit for smooth drag-and-drop task management, with all UI elements built using accessible and customizable Shadcn/ui components.

detail image 1
detail image 2detail image 3

The brand identity

Hire Me

I specialize in building high-performance, SEO-friendly SaaS applications by implementing Server-Side Rendering (SSR) with the Inertia stack (Laravel/React). If you need a full-stack developer focused on optimal performance and flexible UI/UX, let's connect.

#SaaS

#TaskManagement

#Laravel

#ReactJS

#SSR

#Kanban

#DarkMode

Project Information

Category

Web Development, Productivity, SaaS

Client

Internal Project / Productivity Start-up

Project Date

March 15, 2025

Project URL

www.plannify-app.com

Khairul

A passionate Frontend & Backend Developer who loves building clean, modern, and user-friendly web applications. Let's create something amazing together!

Address :

Ciawi, Bogor

Jawa Barat, Indonesia

Quick Links

Newsletter

Sign up to be first to receive the latest stories inspiring us, case studies, and industry news.

© copyright 2025. All Rights Reserved Khairul