Our Technology Stack
A closer look at the technologies powering the Growlink platform and website. We've carefully chosen each technology for performance, reliability, and developer experience.
Overview
Our technology stack is built with modern, performant frameworks and services to deliver the best possible experience for our customers. We believe in using the right tools for the job, balancing cutting-edge technology with proven solutions.
Frontend
A modern, responsive, and performant frontend built with React, Next.js, and Tailwind CSS.
Content
Flexible content management powered by HubSpot CMS and HubDB tables.
E-commerce
Reliable and scalable e-commerce functionality built on Shopify's platforms.
Core Technologies
Next.js
Our website is built using Next.js 15, a cutting-edge React framework that provides an exceptional developer experience with all the features needed for production: hybrid static & server rendering, smart bundling, route pre-fetching, and more.
Why we chose it:
- Server-side rendering for improved performance and SEO
- App router for more intuitive page organization
- Built-in image optimization for better Core Web Vitals
- TypeScript support for improved developer experience
- Incremental Static Regeneration for dynamic content with static benefits
React
We use React 19, the latest version of the popular JavaScript library for building user interfaces. React's component-based architecture allows us to build reusable UI components for our website.
Why we chose it:
- Component-based architecture for reusable UI elements
- Virtual DOM for efficient updates and rendering
- Rich ecosystem and community support
- Declarative programming style for more predictable code
- Excellent developer tools for debugging and optimization
Tailwind CSS
We use Tailwind CSS 4, a utility-first CSS framework that allows us to build custom designs without leaving our HTML. This enables rapid UI development with consistent styling across our website.
Why we chose it:
- Utility-first approach for rapid development
- Highly customizable with configuration
- Built-in responsive design utilities
- Small bundle size through PurgeCSS integration
- Consistent design language across the website
TypeScript
TypeScript adds static typing to JavaScript, helping us catch errors earlier in the development process and making our code more robust and maintainable.
Why we chose it:
- Static typing catches errors before runtime
- Improved code documentation through type definitions
- Better IDE support with autocompletion and suggestions
- Enhanced refactoring capability
- Scales well for large codebases and teams
Content Management
HubSpot
We use HubSpot's HubDB for flexible content management, allowing us to store and organize content in structured tables that can be easily accessed by our frontend.
Why we chose it:
- Structured content management with HubDB tables
- API-first approach for headless content delivery
- User-friendly interface for content editors
- Seamless integration with marketing automation
- Robust ecosystem for customer relationship management
E-commerce
Shopify
We use Shopify as our e-commerce platform, integrating with both the Storefront API and Admin API to provide a seamless shopping experience for our customers.
Why we chose it:
- Headless commerce through Shopify's APIs
- Reliable and secure payment processing
- Robust inventory and order management
- Scalable infrastructure for growth
- Integration with fulfillment and shipping providers
GraphQL
We use GraphQL with the graphql-request library to efficiently fetch data from Shopify's APIs, allowing us to request exactly the data we need for each component.
Why we chose it:
- Precise data fetching with query-based approach
- Reduced network traffic by eliminating over-fetching
- Strong typing for improved developer experience
- Single endpoint for multiple data sources
- Native integration with Shopify's Storefront API
Enhancement Libraries
Framer Motion
A production-ready animation library for React that powers our smooth page transitions and UI animations.
- Declarative animations
- Gesture recognition
- Layout animations
GSAP
GreenSock Animation Platform for complex animations on our landing pages and interactive elements.
- High-performance animations
- Cross-browser compatibility
- Scroll-triggered animations
Radix UI
Unstyled, accessible components for building high-quality web interfaces with consistent behavior.
- Accessibility built-in
- Composable primitives
- Fully customizable with CSS
Lucide React
Beautiful, consistent icon set that enhances our UI with clear visual indicators.
- Over 500 open-source icons
- Customizable size and color
- Lightweight SVG implementation
Development & Deployment
ESLint
Static code analysis to identify and fix problems in our JavaScript and TypeScript code.
TypeScript
Type checking to catch errors early in the development process and improve code quality.
Vercel
Platform for frontend frameworks and static sites, optimized for Next.js with global CDN.
Ready to improve your cultivation?
Our technology powers thousands of cultivation facilities across the world, helping growers optimize their operations and maximize yields.