[{"data":1,"prerenderedAt":220},["ShallowReactive",2],{"i-lucide:menu":3,"project-one-source":8,"i-lucide:hash":218},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"id":9,"title":10,"body":11,"company":194,"description":195,"duration":196,"extension":197,"image":198,"link":199,"meta":200,"navigation":202,"path":203,"role":204,"seo":205,"slug":206,"stem":207,"tags":208,"__hash__":217},"project\u002Fprojects\u002F003.md","One Source",{"type":12,"value":13,"toc":184},"minimark",[14,19,24,33,37,40,74,78,81,113,118,179],[15,16,18],"h1",{"id":17},"case-study-one-source-geospatial-platform","Case Study: One Source Geospatial Platform",[20,21,23],"h2",{"id":22},"the-challenge-handling-real-time-geospatial-data-at-scale","The Challenge: Handling Real-Time Geospatial Data at Scale",[25,26,27,28,32],"p",{},"The project required building a comprehensive geospatial platform capable of managing and querying ",[29,30,31],"strong",{},"10,000+ location-based data points"," in real-time. The system needed to support efficient spatial queries while maintaining high performance and responsiveness for interactive data visualizations.",[20,34,36],{"id":35},"the-solution-full-stack-geospatial-architecture","The Solution: Full-Stack Geospatial Architecture",[25,38,39],{},"I developed a complete solution combining a robust backend with an intuitive frontend:",[41,42,43,54,64],"ul",{},[44,45,46,49,50,53],"li",{},[29,47,48],{},"Powerful Backend Infrastructure:"," I engineered a complete ",[29,51,52],{},"geospatial backend using NestJS and PostgreSQL + PostGIS",", enabling real-time location-based queries for thousands of data points.",[44,55,56,59,60,63],{},[29,57,58],{},"Performance Optimization:"," I optimized database performance by ",[29,61,62],{},"75% through spatial indexing and custom SQL queries",", significantly reducing query response times.",[44,65,66,69,70,73],{},[29,67,68],{},"Interactive Frontend:"," I built a responsive ",[29,71,72],{},"Next.js frontend with Mapbox integration and React Context for state management",", delivering seamless interactive data visualizations.",[20,75,77],{"id":76},"the-outcome-dramatic-performance-improvements-and-scalable-solution","The Outcome: Dramatic Performance Improvements and Scalable Solution",[25,79,80],{},"The implementation resulted in substantial performance gains and a fully functional geospatial platform:",[41,82,83,97,107],{},[44,84,85,88,89,92,93,96],{},[29,86,87],{},"75% Database Performance Boost:"," Through strategic spatial indexing and optimized SQL queries, database performance improved by ",[29,90,91],{},"75%",", with query response time dropping from ",[29,94,95],{},"3.2s to 0.8s",".",[44,98,99,102,103,106],{},[29,100,101],{},"Real-Time Capabilities:"," The system now supports real-time location-based queries for ",[29,104,105],{},"10,000+ data points",", enabling dynamic and responsive geospatial interactions.",[44,108,109,112],{},[29,110,111],{},"Interactive Visualizations:"," The Next.js frontend with Mapbox integration provides users with engaging, interactive data visualizations powered by efficient state management.",[114,115,117],"h3",{"id":116},"technologies-used","Technologies Used",[119,120,121,135],"table",{},[122,123,124],"thead",{},[125,126,127,132],"tr",{},[128,129,131],"th",{"align":130},"left","Category",[128,133,134],{"align":130},"Key Technologies",[136,137,138,149,159,169],"tbody",{},[125,139,140,146],{},[141,142,143],"td",{"align":130},[29,144,145],{},"Backend",[141,147,148],{"align":130},"NestJS, PostgreSQL, PostGIS",[125,150,151,156],{},[141,152,153],{"align":130},[29,154,155],{},"Frontend",[141,157,158],{"align":130},"Next.js, React, Mapbox",[125,160,161,166],{},[141,162,163],{"align":130},[29,164,165],{},"Optimization",[141,167,168],{"align":130},"Spatial Indexing, Custom SQL Queries",[125,170,171,176],{},[141,172,173],{"align":130},[29,174,175],{},"Other",[141,177,178],{"align":130},"React Context, Real-Time Queries",[180,181,183],"parameter",{"name":182},"filePath","\u002Fhome\u002Fali\u002Fdev\u002Fpersonal-projects\u002Falihmd\u002Fcontent\u002Fprojects\u002F003.md",{"title":185,"searchDepth":186,"depth":186,"links":187},"",2,[188,189,190],{"id":22,"depth":186,"text":23},{"id":35,"depth":186,"text":36},{"id":76,"depth":186,"text":77,"children":191},[192],{"id":116,"depth":193,"text":117},3,"Personal Project","Geospatial platform built with NestJS, PostgreSQL + PostGIS, and Next.js.","2024","md","\u002Fimages\u002Fprojects\u002Fos-1.webp",null,{"to":201},"\u002Fprojects\u002Fone-source",true,"\u002Fprojects\u002F003","Full-Stack Developer",{"title":10,"description":195},"one-source","projects\u002F003",[209,210,211,212,213,214,215,216],"NestJS","PostgreSQL","PostGIS","Next.js","Mapbox","React","Geospatial","Performance Optimization","kklGPxSU3WuWUBihjvI7VyjRo2xVd8k3xRZ1r2moCRY",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":219},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 9h16M4 15h16M10 3L8 21m8-18l-2 18\"\u002F>",1775105718204]