Sector(s)

Team Members

pankaj_lnweb, shiks, dhruvr

Visit the site

Visit the site

Organizations Involved

ACG Care Foundation is dedicated to creating a positive impact on individuals, communities, and institutions with a focus on education, empowerment, and sustainability. Supporting diverse groups, including students, women, farmers, government bodies, and local athletes, we drive transformative change through sustainable growth initiatives.

To power this mission, LN Webworks utilized Headless Drupal, a modern approach that separates the backend from the frontend, enabling flexible content management and interactive user experiences. With Headless Drupal, content is managed in Drupal’s backend while the frontend leverages frameworks like Next.js for faster performances. This solution ensures real-time updates, seamless navigation, and scalability, empowering the foundation to expand its impact effectively.

Describe the project (goals, requirements and outcome)

The Challenges: 

  1. +Security Upgrade
    The project required migrating from Next.js 12 to Next.js 13 due to security concerns, ensuring a more secure framework.

  2. Custom Cache-Clearing Button
    A custom button was developed to clear the hard cache, triggering a complete frontend rebuild for real-time updates. 

  3. Dynamic Data Rendering
    Data was rendered dynamically from the backend to the frontend, ensuring seamless updates but requiring careful API integration.

Key Solutions

  1. Upgraded to Next.js 13 for Security & Performance: 
     - Enhanced Security: Fixed vulnerabilities from outdated dependencies. 
     - Improved Features: Introduced React Server Components and nested layouts for modularity. 
     - Compatibility: Ensured compatibility with modern tools.

  2. Developing a Custom Cache-Clearing Button
    - API Endpoint: Developed a Next.js API route (/api/clear-cache) for cache invalidation.
    - Frontend Integration: Added a button in the admin dashboard to trigger the rebuild process via a POST request.

    Administrators now have a fast and reliable method to rebuild the frontend, ensuring users always access the latest, most up-to-date content.
     

  3. Rendering Dynamic Data From the Backend 
    Used Next.js’s getServerSideProps to fetch data at runtime 
    Optimized API calls with caching mechanisms to reduce backend load.

    Users always received the most current data, enhancing the application’s reliability.
     

Transforming User Experience: The Results of LN Webworks' Expertise

LN Webworks improved the client's platform by updating dependencies for better security, providing tools for efficient cache management, and enabling real-time content delivery. By leveraging Next.js 13, we enhanced security, user experience, and scalability, delivering a seamless and responsive platform for the client.

Client Comments  

LN Webworks Private Limited had a flexible approach and went above and beyond to meet our expectations! They upgraded our platform to Next.js 13, improving security and performance.  Their expertise in Headless Drupal and custom solutions has made managing our content so much easier. We’re thrilled with the results and highly recommend them!

Back to top

"Let Us Help You Solve Your Challenges – Talk to Us to Start Your Drupal Journey Today!"

Back to top
Why Drupal was chosen

Drupal is open source and customizable to a heavy extend without spending much, that's a big reason for using it for this non profit website.

Superior Content Management & Security is also something which makes this our best choice. 

Technical Specifications

Drupal version:

Key modules/theme/distribution used: