A networking and IT equipment store engineered for search from the first commit.
AccessStore.lk gives a technical retailer a storefront that can rank and sell: every category and product has its own statically rendered page, structured data and share image, while the design makes routers, switches and CCTV gear feel premium rather than catalogue-grey.
An SEO-first online store for a Sri Lankan networking and IT equipment retailer: six category landing pages, 24 product pages with spec tables, structured data on every product, and premium GSAP merchandising, all statically rendered so Google can read every page without JavaScript. Pre-launch, ready for the live catalog.
Built by the CrysoLabs team
Category
E-commerce Storefront
Collaboration
CrysoLabs Team
Primary stack
Next.js 16, React 19, TypeScript
Networking buyers (IT professionals, system integrators, businesses and home users) search by specification. The store needed pages Google can index one by one, sections that open with a direct answer, and an enquiry path that pre-fills the product a buyer is asking about.
Best fit for specialist retailers and distributors with technical catalogs who win on search, sell through quotations as much as carts, and want a premium brand feel without giving up page speed.
What this proves
The build demonstrates the ecommerce capabilities a serious brand needs before it can sell confidently online.
Commerce capabilities
Search-first catalog
A smooth-caret product search with popular queries, a category rail, sort and in-stock filters, and a grid that animates as results change, with the query kept in the URL.
Pages built to rank
Each category opens with a direct answer, each product carries a visible spec table and a 'last updated' date, and the FAQ is marked up for rich results.
Enquiry-led ordering
'Order now' opens the contact form with the product and SKU already filled in. The form is validated on the server and protected by a honeypot.
Premium merchandising
A product-marquee hero, a pinned featured-products stack, a draggable gear gallery, and editorial About and Contact pages.
Technology
Tools and architecture choices used to build and ship this project.
Architecture summary
Static generation everywhere
All catalog, category and content pages are prerendered, so content is in the HTML on first byte and hosting stays simple.
Typed content layer
Site details, categories, products, FAQs and testimonials live in typed modules with the same shape a future CMS or API can return.
Image pipeline
One command converts exported artwork into sized WebP sources; next/image then serves AVIF or WebP at the right size for each device.
Strategic thinking
Give every product its own indexable page instead of hiding the catalog behind filters.
Lead each section with the answer a buyer is searching for.
Keep motion below the fold so the hero text paints without waiting for JavaScript.
Turn 'order' into a pre-filled conversation, because technical buyers want advice before they pay.
Overview
An SEO-first online store for a Sri Lankan networking and IT equipment retailer: six category landing pages, 24 product pages with spec tables, structured data on every product, and premium GSAP merchandising, all statically rendered so Google can read every page without JavaScript. Pre-launch, ready for the live catalog.
Showcase gallery
Key ecommerce surfaces presented as business proof: storefront, product detail, catalog, and operational control.
Six categories, six landing pages
Each category has its own indexable page with a direct answer, product count and sub-topics.
Pinned featured-products stack
Cards stack as the visitor scrolls while an index on the left tracks the active product.
Search built for specs
Popular queries such as Wi-Fi 6, PoE switch and Cat6 cable, category filters, and results that animate into place.
Product pages with structured data
Price, stock, SKU and a spec table rendered in HTML, plus Product and Offer schema and a generated share image.
Related work
Education & Learning
OneAccess Academy
A connected education platform for OneAccess Network & Cyber Academy in Sri Lanka. The public training site, student learning portal and staff admin share one system for courses, batches, live sessions, exams, payments and certificates.
Corporate & B2B Services
GruntzCore
A corporate website for GruntzCore's operations, logistics and business process outsourcing services. Video-led branding, dedicated service pages, searchable insights and clear enquiry paths turn a broad capability set into an approachable business offer.
Services & Membership Platform
Bear2Arm
A website and customer operations platform for Bear2Arm, connecting its training, webinars, events, memberships and service bookings. The public experience is backed by customer accounts and an admin for reservations, content and payments.
Selling technical products online?
CrysoLabs builds catalog stores where every product can rank, every page loads fast, and every enquiry arrives with the right product attached.