1:"$Sreact.fragment"
2:T6de,{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is the difference between a website and a web application?","acceptedAnswer":{"@type":"Answer","text":"A website presents information. A web application performs transactions on behalf of a logged-in user and holds state. The second requires authentication, permissions, data validation and integration, which is where most of the engineering effort goes."}},{"@type":"Question","name":"Can a portal connect to our existing ERP or accounting system?","acceptedAnswer":{"@type":"Answer","text":"Usually yes, and it should. Otherwise you have created a second place where data lives. See system integration for how those connections are built."}},{"@type":"Question","name":"Should we build e-commerce from scratch or use a platform?","acceptedAnswer":{"@type":"Answer","text":"If your catalogue and checkout are conventional, an established platform plus integration work is normally the better value. Custom development is warranted when pricing rules, product configuration or fulfilment are genuinely unusual."}},{"@type":"Question","name":"Do you build mobile apps?","acceptedAnswer":{"@type":"Answer","text":"We build mobile-first web applications and progressive web apps, which cover most operational needs without app store distribution. Where a native app is genuinely required — deep device hardware access, for example — we will say so rather than force a web solution."}},{"@type":"Question","name":"Who hosts it?","acceptedAnswer":{"@type":"Answer","text":"Whatever suits your constraints: a cloud provider, a Malaysian host, or your own servers. We set up deployment, backups and monitoring, and document them so you are not locked to us."}}]}f:X
14:X
14:C
0:{"buildId":"Al_yH0nozFsdUPKsBZmuh","data":[{"rsc":["$","$1","c",{"children":[[[["$","script","0",{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.silvershark.com.my/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https://www.silvershark.com.my/services\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Applications & E-commerce\",\"item\":\"https://www.silvershark.com.my/services/web-applications\"}]}"}}],["$","script","1",{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Service\",\"name\":\"Web Applications & E-commerce\",\"description\":\"Custom web application development in Malaysia: customer portals, B2B ordering platforms, e-commerce and booking systems, integrated with your systems.\",\"url\":\"https://www.silvershark.com.my/services/web-applications\",\"serviceType\":\"Web Applications & E-commerce\",\"provider\":{\"@id\":\"https://www.silvershark.com.my/#organization\"},\"areaServed\":{\"@type\":\"Country\",\"name\":\"Malaysia\"}}"}}],["$","script","2",{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$2"}}]],["$","section",null,{"className":"relative isolate overflow-hidden border-b border-edge bg-abyss pt-[calc(var(--header-h)+2.5rem)] pb-14 sm:pb-20 lg:pt-[calc(var(--header-h)+4rem)]","children":[["$","div",null,{"aria-hidden":true,"className":"pointer-events-none absolute inset-0 -z-10","children":[["$","div",null,{"className":"page-hero-photo absolute inset-0"}],["$","div",null,{"className":"field-grid field-mask absolute inset-0 opacity-45"}]]}],"$L3"]}],"$L4","$L5","$L6","$L7","$L8","$L9","$La","$Lb"],["$Lc"],"$Ld"]}],"isPartial":"$@e","staleTime":"$f","varyParams":null},{"rsc":"$L10","isPartial":"$@11","staleTime":"$f","varyParams":null},{"rsc":"$L12","isPartial":"$@13","staleTime":"$f","varyParams":"$14"},{"rsc":"$L15","isPartial":"$@16","staleTime":"$f","varyParams":"$14"}],"isUpgradeableISRFallback":false,"a":"$@17","rootVaryParams":null,"needsRuntimeRequest":"$@18"}
19:I[22016,["/_next/static/chunks/238f5-k2_z8v5.js","/_next/static/chunks/3bh0eus2psr7s.js","/_next/static/chunks/0wvhk94xdhsnj.js"],""]
1a:I[5014,["/_next/static/chunks/238f5-k2_z8v5.js","/_next/static/chunks/3bh0eus2psr7s.js","/_next/static/chunks/0wvhk94xdhsnj.js"],"default"]
1b:I[73195,["/_next/static/chunks/238f5-k2_z8v5.js","/_next/static/chunks/3bh0eus2psr7s.js","/_next/static/chunks/0wvhk94xdhsnj.js"],"Reveal"]
23:I[97367,["/_next/static/chunks/3fntmmi971322.js"],"OutletBoundary"]
24:"$Sreact.suspense"
26:I[97367,["/_next/static/chunks/3fntmmi971322.js"],"ViewportBoundary"]
27:I[97367,["/_next/static/chunks/3fntmmi971322.js"],"MetadataBoundary"]
28:I[27201,["/_next/static/chunks/3fntmmi971322.js"],"IconMark"]
29:I[39756,["/_next/static/chunks/3fntmmi971322.js"],"default"]
2a:I[37457,["/_next/static/chunks/3fntmmi971322.js"],"default"]
3:["$","div",null,{"className":"mx-auto w-full px-5 sm:px-8 lg:px-10 max-w-wide","children":[["$","nav",null,{"aria-label":"Breadcrumb","className":"label-mono mb-8","children":["$","ol",null,{"className":"flex flex-wrap items-center gap-x-2 gap-y-1 text-steel","children":[["$","li","/",{"className":"flex items-center gap-2","children":[null,["$","$L19",null,{"href":"/","className":"transition-colors hover:text-signal","children":"Home"}]]}],["$","li","/services",{"className":"flex items-center gap-2","children":[["$","$L1a",null,{"iconNode":[["path",{"d":"m9 18 6-6-6-6","key":"mthhwq"}]],"className":"lucide-chevron-right size-3 text-slate","aria-hidden":true}],["$","$L19",null,{"href":"/services","className":"transition-colors hover:text-signal","children":"Services"}]]}],["$","li","/services/web-applications",{"className":"flex items-center gap-2","children":[["$","$L1a",null,{"iconNode":"$3:props:children:0:props:children:props:children:1:props:children:0:props:iconNode","className":"lucide-chevron-right size-3 text-slate","aria-hidden":true}],["$","span",null,{"aria-current":"page","className":"text-silver","children":"Web Applications & E-commerce"}]]}]]}]}],["$","div",null,{"className":"grid gap-10 lg:grid-cols-[minmax(0,1.25fr)_minmax(0,0.75fr)] lg:gap-16","children":[["$","div",null,{"children":[["$","p",null,{"className":"label-mono flex items-center gap-2.5 text-signal","children":[["$","span",null,{"aria-hidden":true,"className":"size-1.5 bg-signal"}],"Service 06"]}],["$","h1",null,{"className":"mt-5 max-w-[20ch] text-[2.3rem] leading-[1.04] sm:text-5xl lg:text-[3.5rem]","children":"Web platforms that carry actual business processes"}],["$","p",null,{"className":"mt-6 max-w-[62ch] text-lg leading-relaxed text-silver","children":"A brochure website tells people you exist. A web application does something for them: places an order, checks a status, submits a claim, books a slot. We build the second kind — customer portals, B2B ordering platforms and e-commerce that is connected to the systems behind it."}],"$undefined"]}],["$","div",null,{"className":"lg:pt-2","children":["$","dl",null,{"className":"border border-edge bg-hull","children":[["$","div",null,{"className":"border-b border-edge p-5","children":[["$","dt",null,{"className":"label-mono text-friction","children":"The problem"}],["$","dd",null,{"className":"mt-2 text-[0.9375rem] leading-relaxed text-steel","children":"Customers and partners have to email or call your team for things they could do themselves in thirty seconds."}]]}],["$","div",null,{"className":"border-b border-edge p-5","children":[["$","dt",null,{"className":"label-mono text-slate","children":"What we do"}],["$","dd",null,{"className":"mt-2 text-[0.9375rem] leading-relaxed text-steel","children":"We build portals and online platforms connected to your live data, so self-service actually reflects reality."}]]}],["$","div",null,{"className":"p-5","children":[["$","dt",null,{"className":"label-mono text-signal","children":"Business value"}],["$","dd",null,{"className":"mt-2 text-[0.9375rem] leading-relaxed text-silver","children":"Fewer status enquiries, orders that arrive already structured, and a channel that works outside office hours."}]]}]]}]}]]}]]}]
4:["$","section",null,{"className":"relative isolate bg-hull py-20 sm:py-28 lg:py-32","children":[["$","div",null,{"aria-hidden":true,"className":"pointer-events-none absolute inset-0 overflow-hidden","children":["$","div",null,{"className":"mx-auto h-full max-w-content px-5 sm:px-8 lg:px-10","children":["$","div",null,{"className":"relative h-full","children":[["$","span",null,{"className":"absolute inset-y-0 left-0 w-px bg-linear-to-b from-transparent via-edge to-transparent"}],["$","span",null,{"className":"absolute inset-y-0 right-0 w-px bg-linear-to-b from-transparent via-edge to-transparent"}]]}]}]}],["$","div",null,{"className":"mx-auto w-full px-5 sm:px-8 lg:px-10 max-w-content relative","children":["$","div",null,{"className":"grid gap-10 lg:grid-cols-[minmax(0,0.6fr)_minmax(0,1.4fr)] lg:gap-16","children":[["$","div",null,{"className":"flex flex-col gap-5 lg:sticky lg:top-28 lg:self-start","children":[["$","div",null,{"className":"label-mono flex items-center gap-2.5 text-signal","children":[["$","span",null,{"aria-hidden":true,"className":"size-1.5 shrink-0 bg-signal"}],null,["$","span",null,{"children":"What it is"}]]}],["$","h2",null,{"className":"text-3xl sm:text-4xl max-w-[22ch]","children":"Understanding web applications & e-commerce"}],null,"$undefined"]}],["$","div",null,{"className":"space-y-5 text-[1.0625rem] leading-relaxed text-steel","children":[["$","p","Web applications are software that happe",{"className":"max-w-[68ch]","children":"Web applications are software that happens to run in a browser. The distinction from a website matters because the engineering is different: authentication, permissions, state, validation, integration with back-office systems, and behaviour when two people act at once."}],["$","p","The most valuable web platforms for a gr",{"className":"max-w-[68ch]","children":"The most valuable web platforms for a growing business are usually the ones that let someone outside the company do work that currently lands on an employee. A B2B customer placing a repeat order themselves. A dealer checking stock. A tenant reporting a fault. Each of those removes an email thread and produces cleaner data than a phone call."}],["$","p","We build corporate websites too, and we ",{"className":"max-w-[68ch]","children":"We build corporate websites too, and we build them properly — fast, accessible, structured for search. But we are not a template shop, and the website is usually the smallest part of what a client needs from us."}]]}]]}]}]]}]
5:["$","section",null,{"className":"relative isolate bg-abyss py-16 sm:py-24","children":[null,["$","div",null,{"className":"mx-auto w-full px-5 sm:px-8 lg:px-10 max-w-content relative","children":["$","div",null,{"className":"grid gap-10 lg:grid-cols-[minmax(0,0.6fr)_minmax(0,1.4fr)] lg:gap-16","children":[["$","div",null,{"className":"flex flex-col gap-5","children":[["$","div",null,{"className":"label-mono flex items-center gap-2.5 text-signal","children":[["$","span",null,{"aria-hidden":true,"className":"size-1.5 shrink-0 bg-signal"}],null,["$","span",null,{"children":"Who it is for"}]]}],["$","h2",null,{"className":"text-3xl sm:text-4xl max-w-[22ch]","children":"Signals this applies to you"}],null,"$undefined"]}],["$","ul",null,{"className":"grid gap-px self-start border border-edge bg-edge sm:grid-cols-2","children":[["$","li","B2B businesses taking repeat orders by email, phone or WhatsApp",{"className":"flex items-start gap-3 bg-abyss p-5","children":[["$","span",null,{"aria-hidden":true,"className":"mt-2 size-1.5 shrink-0 bg-friction"}],["$","span",null,{"className":"text-[0.9375rem] leading-relaxed text-steel","children":"B2B businesses taking repeat orders by email, phone or WhatsApp"}]]}],["$","li","Companies answering the same status questions many times a day",{"className":"flex items-start gap-3 bg-abyss p-5","children":[["$","span",null,{"aria-hidden":true,"className":"mt-2 size-1.5 shrink-0 bg-friction"}],["$","span",null,{"className":"text-[0.9375rem] leading-relaxed text-steel","children":"Companies answering the same status questions many times a day"}]]}],["$","li","Retailers whose online store is disconnected from their stock system",{"className":"flex items-start gap-3 bg-abyss p-5","children":[["$","span",null,{"aria-hidden":true,"className":"mt-2 size-1.5 shrink-0 bg-friction"}],["$","span",null,{"className":"text-[0.9375rem] leading-relaxed text-steel","children":"Retailers whose online store is disconnected from their stock system"}]]}],["$","li","Service businesses managing bookings across spreadsheets and messages",{"className":"flex items-start gap-3 bg-abyss p-5","children":[["$","span",null,{"aria-hidden":true,"className":"mt-2 size-1.5 shrink-0 bg-friction"}],["$","span",null,{"className":"text-[0.9375rem] leading-relaxed text-steel","children":"Service businesses managing bookings across spreadsheets and messages"}]]}]]}]]}]}]]}]
6:["$","section",null,{"className":"relative isolate bg-hull py-20 sm:py-28 lg:py-32","children":[["$","div",null,{"aria-hidden":true,"className":"pointer-events-none absolute inset-0 overflow-hidden","children":["$","div",null,{"className":"mx-auto h-full max-w-content px-5 sm:px-8 lg:px-10","children":["$","div",null,{"className":"relative h-full","children":[["$","span",null,{"className":"absolute inset-y-0 left-0 w-px bg-linear-to-b from-transparent via-edge to-transparent"}],["$","span",null,{"className":"absolute inset-y-0 right-0 w-px bg-linear-to-b from-transparent via-edge to-transparent"}]]}]}]}],["$","div",null,{"className":"mx-auto w-full px-5 sm:px-8 lg:px-10 max-w-content relative","children":[["$","div",null,{"className":"flex flex-col gap-5 max-w-3xl","children":[["$","div",null,{"className":"label-mono flex items-center gap-2.5 text-signal","children":[["$","span",null,{"aria-hidden":true,"className":"size-1.5 shrink-0 bg-signal"}],null,["$","span",null,{"children":"Capability"}]]}],["$","h2",null,{"className":"text-3xl sm:text-4xl max-w-[22ch]","children":"What Silver Shark can build"}],["$","p",null,{"className":"max-w-[62ch] text-lg text-steel","children":"Concrete deliverables rather than categories. Most projects combine several of these."}],"$undefined"]}],["$","div",null,{"className":"mt-12 grid gap-px border border-edge bg-edge sm:grid-cols-2","children":[["$","$L1b","Customer & B2B portals",{"delay":0,"className":"bg-hull p-6 sm:p-7","children":[["$","div",null,{"className":"flex items-baseline gap-3","children":[["$","span",null,{"className":"label-mono text-slate","children":"01"}],["$","h3",null,{"className":"text-lg","children":"Customer & B2B portals"}]]}],["$","p",null,{"className":"mt-2.5 text-[0.9375rem] leading-relaxed text-steel","children":"Self-service for orders, documents, status, statements and support requests, driven by your live system data."}]]}],["$","$L1b","Online ordering platforms",{"delay":35,"className":"bg-hull p-6 sm:p-7","children":[["$","div",null,{"className":"flex items-baseline gap-3","children":[["$","span",null,{"className":"label-mono text-slate","children":"02"}],["$","h3",null,{"className":"text-lg","children":"Online ordering platforms"}]]}],["$","p",null,{"className":"mt-2.5 text-[0.9375rem] leading-relaxed text-steel","children":"Account-based ordering with customer-specific pricing, credit terms and reorder history — the way B2B actually buys."}]]}],["$","$L1b","E-commerce",{"delay":70,"className":"bg-hull p-6 sm:p-7","children":[["$","div",null,{"className":"flex items-baseline gap-3","children":[["$","span",null,{"className":"label-mono text-slate","children":"03"}],["$","h3",null,{"className":"text-lg","children":"E-commerce"}]]}],["$","p",null,{"className":"mt-2.5 text-[0.9375rem] leading-relaxed text-steel","children":"Storefronts built or extended, with payment, delivery and stock connected back to the systems that fulfil the order."}]]}],["$","$L1b","Booking & appointment systems",{"delay":105,"className":"bg-hull p-6 sm:p-7","children":[["$","div",null,{"className":"flex items-baseline gap-3","children":[["$","span",null,{"className":"label-mono text-slate","children":"04"}],["$","h3",null,{"className":"text-lg","children":"Booking & appointment systems"}]]}],["$","p",null,{"className":"mt-2.5 text-[0.9375rem] leading-relaxed text-steel","children":"Availability, resources, capacity rules, confirmations and reminders, for services that are scheduled rather than shipped."}]]}],["$","$L1b","Corporate websites",{"delay":140,"className":"bg-hull p-6 sm:p-7","children":[["$","div",null,{"className":"flex items-baseline gap-3","children":[["$","span",null,{"className":"label-mono text-slate","children":"05"}],["$","h3",null,{"className":"text-lg","children":"Corporate websites"}]]}],["$","p",null,{"className":"mt-2.5 text-[0.9375rem] leading-relaxed text-steel","children":"Fast, accessible, well-structured sites with proper technical SEO, built to be edited without a developer where that is useful."}]]}],["$","$L1b","Progressive web applications",{"delay":175,"className":"bg-hull p-6 sm:p-7","children":["$L1c","$L1d"]}],"$L1e","$L1f"]}],null]}]]}]
7:["$","section",null,{"className":"relative isolate bg-abyss py-20 sm:py-28 lg:py-32","children":[null,["$","div",null,{"className":"mx-auto w-full px-5 sm:px-8 lg:px-10 max-w-content relative","children":["$","div",null,{"className":"grid gap-10 lg:grid-cols-[minmax(0,0.6fr)_minmax(0,1.4fr)] lg:gap-16","children":[["$","div",null,{"className":"flex flex-col gap-5 lg:sticky lg:top-28 lg:self-start","children":[["$","div",null,{"className":"label-mono flex items-center gap-2.5 text-signal","children":[["$","span",null,{"aria-hidden":true,"className":"size-1.5 shrink-0 bg-signal"}],null,["$","span",null,{"children":"Our approach"}]]}],["$","h2",null,{"className":"text-3xl sm:text-4xl max-w-[22ch]","children":"How the work runs"}],["$","p",null,{"className":"max-w-[62ch] text-lg text-steel","children":"Specific to this service — the general delivery sequence is on every project."}],"$undefined"]}],["$","ol",null,{"className":"border-t border-edge","children":[["$","$L1b","Design for the task, not the tour",{"as":"li","delay":0,"className":"border-b border-edge py-6","children":[["$","div",null,{"className":"flex items-baseline gap-4","children":[["$","span",null,{"className":"label-mono text-signal","children":"01"}],["$","h3",null,{"className":"text-lg","children":"Design for the task, not the tour"}]]}],["$","p",null,{"className":"mt-2.5 max-w-[66ch] pl-9 text-[0.9375rem] leading-relaxed text-steel","children":"Portal design starts from the three or four things a user actually comes to do, and makes those unmistakable. Everything else is secondary navigation."}]]}],["$","$L1b","Connect to real data",{"as":"li","delay":40,"className":"border-b border-edge py-6","children":[["$","div",null,{"className":"flex items-baseline gap-4","children":[["$","span",null,{"className":"label-mono text-signal","children":"02"}],["$","h3",null,{"className":"text-lg","children":"Connect to real data"}]]}],["$","p",null,{"className":"mt-2.5 max-w-[66ch] pl-9 text-[0.9375rem] leading-relaxed text-steel","children":"Self-service only reduces work if it is accurate. We integrate with the source systems so the portal shows the same truth your staff would quote on the phone."}]]}],["$","$L1b","Build for the device it is used on",{"as":"li","delay":80,"className":"border-b border-edge py-6","children":[["$","div",null,{"className":"flex items-baseline gap-4","children":[["$","span",null,{"className":"label-mono text-signal","children":"03"}],["$","h3",null,{"className":"text-lg","children":"Build for the device it is used on"}]]}],["$","p",null,{"className":"mt-2.5 max-w-[66ch] pl-9 text-[0.9375rem] leading-relaxed text-steel","children":"Warehouse and field users are on phones with poor signal and sometimes gloves. That changes layout, target sizes and offline behaviour."}]]}],["$","$L1b","Performance and accessibility as requirements",{"as":"li","delay":120,"className":"border-b border-edge py-6","children":[["$","div",null,{"className":"flex items-baseline gap-4","children":[["$","span",null,{"className":"label-mono text-signal","children":"04"}],["$","h3",null,{"className":"text-lg","children":"Performance and accessibility as requirements"}]]}],["$","p",null,{"className":"mt-2.5 max-w-[66ch] pl-9 text-[0.9375rem] leading-relaxed text-steel","children":"Fast loading, keyboard operation, readable contrast and screen-reader support are specified upfront, not audited at the end."}]]}]]}]]}]}]]}]
8:["$","section",null,{"className":"relative isolate bg-hull py-16 sm:py-24","children":[["$","div",null,{"aria-hidden":true,"className":"pointer-events-none absolute inset-0 overflow-hidden","children":["$","div",null,{"className":"mx-auto h-full max-w-content px-5 sm:px-8 lg:px-10","children":["$","div",null,{"className":"relative h-full","children":[["$","span",null,{"className":"absolute inset-y-0 left-0 w-px bg-linear-to-b from-transparent via-edge to-transparent"}],["$","span",null,{"className":"absolute inset-y-0 right-0 w-px bg-linear-to-b from-transparent via-edge to-transparent"}]]}]}]}],["$","div",null,{"className":"mx-auto w-full px-5 sm:px-8 lg:px-10 max-w-content relative","children":[["$","div",null,{"className":"flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between","children":[["$","div",null,{"className":"flex flex-col gap-5 max-w-xl","children":[["$","div",null,{"className":"label-mono flex items-center gap-2.5 text-signal","children":[["$","span",null,{"aria-hidden":true,"className":"size-1.5 shrink-0 bg-signal"}],null,["$","span",null,{"children":"Delivery"}]]}],["$","h2",null,{"className":"text-3xl sm:text-4xl max-w-[22ch]","children":"The sequence every project follows"}],null,"$undefined"]}],["$","$L19",null,{"href":"/about#process","className":"label-mono inline-flex items-center gap-2 text-signal transition-colors hover:text-signal-bright","children":["How we work in detail",["$","$L1a",null,{"iconNode":[["path",{"d":"M7 7h10v10","key":"1tivn9"}],["path",{"d":"M7 17 17 7","key":"1vkiza"}]],"className":"lucide-arrow-up-right size-3.5","aria-hidden":true}]]}]]}],["$","ol",null,{"className":"mt-8 grid gap-px border border-edge bg-edge sm:grid-cols-2 lg:grid-cols-4","children":[["$","li","01",{"className":"bg-hull p-5","children":[["$","span",null,{"className":"label-mono text-slate","children":"01"}],["$","h3",null,{"className":"mt-2 text-base font-semibold text-chrome","children":"Discover"}],["$","p",null,{"className":"mt-1.5 text-sm leading-relaxed text-steel","children":"Understand the operation before discussing technology."}]]}],["$","li","02",{"className":"bg-hull p-5","children":[["$","span",null,{"className":"label-mono text-slate","children":"02"}],["$","h3",null,{"className":"mt-2 text-base font-semibold text-chrome","children":"Analyse"}],["$","p",null,{"className":"mt-1.5 text-sm leading-relaxed text-steel","children":"Decide what should be removed, automated or built."}]]}],["$","li","03",{"className":"bg-hull p-5","children":[["$","span",null,{"className":"label-mono text-slate","children":"03"}],["$","h3",null,{"className":"mt-2 text-base font-semibold text-chrome","children":"Design"}],["$","p",null,{"className":"mt-1.5 text-sm leading-relaxed text-steel","children":"Design the data model and the screens people will live in."}]]}],["$","li","04",{"className":"bg-hull p-5","children":[["$","span",null,{"className":"label-mono text-slate","children":"04"}],["$","h3",null,{"className":"mt-2 text-base font-semibold text-chrome","children":"Build"}],["$","p",null,{"className":"mt-1.5 text-sm leading-relaxed text-steel","children":"Build the core in usable stages."}]]}],["$","li","05",{"className":"bg-hull p-5","children":[["$","span",null,{"className":"label-mono text-slate","children":"05"}],["$","h3",null,{"className":"mt-2 text-base font-semibold text-chrome","children":"Integrate"}],["$","p",null,{"className":"mt-1.5 text-sm leading-relaxed text-steel","children":"Connect the system to everything else that holds the truth."}]]}],["$","li","06",{"className":"bg-hull p-5","children":[["$","span",null,{"className":"label-mono text-slate","children":"06"}],["$","h3",null,{"className":"mt-2 text-base font-semibold text-chrome","children":"Test"}],["$","p",null,{"className":"mt-1.5 text-sm leading-relaxed text-steel","children":"Test with your data and your awkward cases."}]]}],["$","li","07",{"className":"bg-hull p-5","children":[["$","span",null,{"className":"label-mono text-slate","children":"07"}],["$","h3",null,{"className":"mt-2 text-base font-semibold text-chrome","children":"Launch"}],["$","p",null,{"className":"mt-1.5 text-sm leading-relaxed text-steel","children":"Go live in a controlled, reversible way."}]]}],"$L20"]}]]}]]}]
9:["$","section",null,{"id":"faq","className":"relative isolate bg-abyss py-20 sm:py-28 lg:py-32","children":[null,["$","div",null,{"className":"mx-auto w-full px-5 sm:px-8 lg:px-10 max-w-content relative","children":["$","div",null,{"className":"grid gap-10 lg:grid-cols-[minmax(0,0.7fr)_minmax(0,1.3fr)] lg:gap-16","children":[["$","div",null,{"className":"flex flex-col gap-5 lg:sticky lg:top-28 lg:self-start","children":[["$","div",null,{"className":"label-mono flex items-center gap-2.5 text-signal","children":[["$","span",null,{"aria-hidden":true,"className":"size-1.5 shrink-0 bg-signal"}],null,["$","span",null,{"children":"Questions"}]]}],["$","h2",null,{"id":"faq-heading","className":"text-3xl sm:text-4xl max-w-[22ch]","children":"Web Applications & E-commerce — common questions"}],null,"$undefined"]}],["$","div",null,{"className":"border-t border-edge","aria-labelledby":"faq-heading","children":[["$","details","What is the difference between a website and a web application?",{"className":"group border-b border-edge","children":[["$","summary",null,{"className":"flex cursor-pointer list-none items-start justify-between gap-6 py-5 text-left text-base font-medium text-chrome transition-colors hover:text-signal sm:text-lg [&::-webkit-details-marker]:hidden","children":[["$","span",null,{"className":"font-display tracking-tight","children":"What is the difference between a website and a web application?"}],["$","$L1a",null,{"iconNode":[["path",{"d":"M5 12h14","key":"1ays0h"}],["path",{"d":"M12 5v14","key":"s699le"}]],"className":"lucide-plus mt-1 size-4 shrink-0 text-steel transition-transform duration-300 ease-out-quint group-open:rotate-45 group-open:text-signal","aria-hidden":true}]]}],["$","p",null,{"className":"max-w-[70ch] pb-6 text-steel","children":"A website presents information. A web application performs transactions on behalf of a logged-in user and holds state. The second requires authentication, permissions, data validation and integration, which is where most of the engineering effort goes."}]]}],["$","details","Can a portal connect to our existing ERP or accounting system?",{"className":"group border-b border-edge","children":[["$","summary",null,{"className":"flex cursor-pointer list-none items-start justify-between gap-6 py-5 text-left text-base font-medium text-chrome transition-colors hover:text-signal sm:text-lg [&::-webkit-details-marker]:hidden","children":[["$","span",null,{"className":"font-display tracking-tight","children":"Can a portal connect to our existing ERP or accounting system?"}],["$","$L1a",null,{"iconNode":"$9:props:children:1:props:children:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode","className":"lucide-plus mt-1 size-4 shrink-0 text-steel transition-transform duration-300 ease-out-quint group-open:rotate-45 group-open:text-signal","aria-hidden":true}]]}],["$","p",null,{"className":"max-w-[70ch] pb-6 text-steel","children":"Usually yes, and it should. Otherwise you have created a second place where data lives. See system integration for how those connections are built."}]]}],["$","details","Should we build e-commerce from scratch or use a platform?",{"className":"group border-b border-edge","children":[["$","summary",null,{"className":"flex cursor-pointer list-none items-start justify-between gap-6 py-5 text-left text-base font-medium text-chrome transition-colors hover:text-signal sm:text-lg [&::-webkit-details-marker]:hidden","children":[["$","span",null,{"className":"font-display tracking-tight","children":"Should we build e-commerce from scratch or use a platform?"}],["$","$L1a",null,{"iconNode":"$9:props:children:1:props:children:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode","className":"lucide-plus mt-1 size-4 shrink-0 text-steel transition-transform duration-300 ease-out-quint group-open:rotate-45 group-open:text-signal","aria-hidden":true}]]}],["$","p",null,{"className":"max-w-[70ch] pb-6 text-steel","children":"If your catalogue and checkout are conventional, an established platform plus integration work is normally the better value. Custom development is warranted when pricing rules, product configuration or fulfilment are genuinely unusual."}]]}],"$L21","$L22"]}]]}]}]]}]
a:["$","section",null,{"className":"relative isolate bg-hull py-16 sm:py-24","children":[["$","div",null,{"aria-hidden":true,"className":"pointer-events-none absolute inset-0 overflow-hidden","children":["$","div",null,{"className":"mx-auto h-full max-w-content px-5 sm:px-8 lg:px-10","children":["$","div",null,{"className":"relative h-full","children":[["$","span",null,{"className":"absolute inset-y-0 left-0 w-px bg-linear-to-b from-transparent via-edge to-transparent"}],["$","span",null,{"className":"absolute inset-y-0 right-0 w-px bg-linear-to-b from-transparent via-edge to-transparent"}]]}]}]}],["$","div",null,{"className":"mx-auto w-full px-5 sm:px-8 lg:px-10 max-w-content relative","children":[["$","div",null,{"className":"flex flex-col gap-5","children":[["$","div",null,{"className":"label-mono flex items-center gap-2.5 text-signal","children":[["$","span",null,{"aria-hidden":true,"className":"size-1.5 shrink-0 bg-signal"}],null,["$","span",null,{"children":"Related"}]]}],["$","h2",null,{"className":"text-3xl sm:text-4xl max-w-[22ch]","children":"Services that usually come with this"}],null,"$undefined"]}],["$","div",null,{"className":"mt-8 grid gap-px border border-edge bg-edge sm:grid-cols-3","children":[["$","$L19","custom-software-development",{"href":"/services/custom-software-development","className":"group bg-hull p-6 transition-colors duration-300 hover:bg-panel","children":[["$","div",null,{"className":"flex items-center justify-between","children":[["$","$L1a",null,{"iconNode":[["path",{"d":"M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2","key":"1ah6g2"}],["rect",{"x":"14","y":"2","width":"8","height":"8","rx":"1","key":"88lufb"}]],"className":"lucide-blocks size-5 text-steel","aria-hidden":true,"strokeWidth":1.5}],["$","span",null,{"className":"label-mono text-slate","children":"01"}]]}],["$","h3",null,{"className":"mt-5 text-lg text-chrome","children":"Custom Software Development"}],["$","p",null,{"className":"mt-2 text-[0.9375rem] leading-relaxed text-steel","children":"Systems built around how your business actually works."}]]}],["$","$L19","system-integration",{"href":"/services/system-integration","className":"group bg-hull p-6 transition-colors duration-300 hover:bg-panel","children":[["$","div",null,{"className":"flex items-center justify-between","children":[["$","$L1a",null,{"iconNode":[["path",{"d":"m10.586 5.414-5.172 5.172","key":"4mc350"}],["path",{"d":"m18.586 13.414-5.172 5.172","key":"8c96vv"}],["path",{"d":"M6 12h12","key":"8npq4p"}],["circle",{"cx":"12","cy":"20","r":"2","key":"144qzu"}],["circle",{"cx":"12","cy":"4","r":"2","key":"muu5ef"}],["circle",{"cx":"20","cy":"12","r":"2","key":"1xzzfp"}],["circle",{"cx":"4","cy":"12","r":"2","key":"1hvhnz"}]],"className":"lucide-waypoints size-5 text-steel","aria-hidden":true,"strokeWidth":1.5}],["$","span",null,{"className":"label-mono text-slate","children":"04"}]]}],["$","h3",null,{"className":"mt-5 text-lg text-chrome","children":"System Integration"}],["$","p",null,{"className":"mt-2 text-[0.9375rem] leading-relaxed text-steel","children":"Make your existing systems talk to each other."}]]}],["$","$L19","software-maintenance",{"href":"/services/software-maintenance","className":"group bg-hull p-6 transition-colors duration-300 hover:bg-panel","children":[["$","div",null,{"className":"flex items-center justify-between","children":[["$","$L1a",null,{"iconNode":[["path",{"d":"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z","key":"1ngwbx"}]],"className":"lucide-wrench size-5 text-steel","aria-hidden":true,"strokeWidth":1.5}],["$","span",null,{"className":"label-mono text-slate","children":"07"}]]}],["$","h3",null,{"className":"mt-5 text-lg text-chrome","children":"Software Maintenance & Support"}],["$","p",null,{"className":"mt-2 text-[0.9375rem] leading-relaxed text-steel","children":"Keep working systems working, and keep improving them."}]]}]]}]]}]]}]
b:["$","section",null,{"className":"relative isolate overflow-hidden border-t border-edge bg-hull","children":[["$","div",null,{"aria-hidden":true,"className":"pointer-events-none absolute inset-0 -z-10","children":[["$","div",null,{"className":"cta-photo absolute inset-0"}],["$","div",null,{"className":"field-grid field-mask absolute inset-0 opacity-50"}],["$","div",null,{"className":"absolute left-1/2 top-0 h-px w-56 -translate-x-1/2 bg-linear-to-r from-transparent via-signal to-transparent opacity-60"}]]}],["$","div",null,{"className":"mx-auto w-full px-5 sm:px-8 lg:px-10 max-w-content py-20 sm:py-28","children":["$","div",null,{"className":"max-w-3xl","children":[["$","p",null,{"className":"label-mono flex items-center gap-2.5 text-signal","children":[["$","span",null,{"aria-hidden":true,"className":"size-1.5 bg-signal"}],"Next step"]}],["$","h2",null,{"className":"mt-6 text-[2.1rem] leading-[1.06] sm:text-5xl","children":"Tell us where web applications & e-commerce would help."}],["$","p",null,{"className":"mt-6 max-w-[58ch] text-lg leading-relaxed text-steel","children":"Describe the process as it runs today — including the parts that are held together by people. We will tell you what is worth building, what is worth automating, and what is worth leaving alone."}],["$","div",null,{"className":"mt-9 flex flex-col gap-3 sm:flex-row sm:items-center","children":[["$","$L19",null,{"href":"/contact","className":"group/btn relative inline-flex items-center justify-center gap-2.5 rounded-xs font-medium transition-[background-color,border-color,color,transform] duration-200 ease-signal disabled:pointer-events-none disabled:opacity-45 bg-signal text-signal-ink hover:bg-signal-bright active:translate-y-px shadow-[0_0_28px_-10px_var(--color-signal)] h-13 px-7 text-base","children":[["$","span",null,{"children":"Discuss Your Project"}],["$","$L1a",null,{"iconNode":[["path",{"d":"M5 12h14","key":"1ays0h"}],["path",{"d":"m12 5 7 7-7 7","key":"xquz4c"}]],"className":"lucide-arrow-right size-4 transition-transform duration-200 ease-signal group-hover/btn:translate-x-1","aria-hidden":true}]]}],["$","$L19",null,{"href":"/use-cases","className":"group/btn relative inline-flex items-center justify-center gap-2.5 rounded-xs font-medium transition-[background-color,border-color,color,transform] duration-200 ease-signal disabled:pointer-events-none disabled:opacity-45 border border-edge-strong bg-panel/60 text-chrome hover:border-edge-bright hover:bg-panel-hi active:translate-y-px h-13 px-7 text-base","children":[["$","span",null,{"children":"See example solutions"}],null]}]]}]]}]}]]}]
c:["$","script","script-0",{"src":"/_next/static/chunks/0wvhk94xdhsnj.js","async":true}]
d:["$","$L23",null,{"children":["$","$24",null,{"name":"Next.MetadataOutlet","children":"$@25"}]}]
10:["$","$1","h",{"children":[null,["$","$L26",null,{"children":[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","2",{"name":"theme-color","content":"#04070a"}],["$","meta","3",{"name":"color-scheme","content":"dark"}]]}],["$","div",null,{"hidden":true,"children":["$","$L27",null,{"children":["$","$24",null,{"name":"Next.Metadata","children":[["$","title","0",{"children":"Web Application Development Malaysia | Silver Shark"}],["$","meta","1",{"name":"description","content":"Custom web application development in Malaysia: customer portals, B2B ordering platforms, e-commerce and booking systems, integrated with your systems."}],["$","meta","2",{"name":"application-name","content":"Silver Shark"}],["$","meta","3",{"name":"author","content":"Silver Shark Sdn Bhd"}],["$","meta","4",{"name":"creator","content":"Silver Shark Sdn Bhd"}],["$","meta","5",{"name":"publisher","content":"Silver Shark Sdn Bhd"}],["$","link","6",{"rel":"canonical","href":"https://www.silvershark.com.my/services/web-applications"}],["$","meta","7",{"name":"format-detection","content":"telephone=no, address=no, email=no"}],["$","meta","8",{"property":"og:title","content":"Web Application Development Malaysia"}],["$","meta","9",{"property":"og:description","content":"Custom web application development in Malaysia: customer portals, B2B ordering platforms, e-commerce and booking systems, integrated with your systems."}],["$","meta","10",{"property":"og:url","content":"https://www.silvershark.com.my/services/web-applications"}],["$","meta","11",{"property":"og:site_name","content":"Silver Shark Sdn Bhd"}],["$","meta","12",{"property":"og:locale","content":"en_MY"}],["$","meta","13",{"property":"og:image","content":"https://www.silvershark.com.my/opengraph-image"}],["$","meta","14",{"property":"og:image:width","content":"1200"}],["$","meta","15",{"property":"og:image:height","content":"630"}],["$","meta","16",{"property":"og:image:alt","content":"Silver Shark Sdn Bhd — custom software, automation and system integration in Malaysia"}],["$","meta","17",{"property":"og:type","content":"website"}],["$","meta","18",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","19",{"name":"twitter:title","content":"Web Application Development Malaysia"}],["$","meta","20",{"name":"twitter:description","content":"Custom web application development in Malaysia: customer portals, B2B ordering platforms, e-commerce and booking systems, integrated with your systems."}],["$","meta","21",{"name":"twitter:image","content":"https://www.silvershark.com.my/opengraph-image"}],["$","link","22",{"rel":"icon","href":"/icon.png?icon.3lan0mcba9b_j.png","sizes":"300x300","type":"image/png"}],["$","$L28","23",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}]
12:["$","$1","c",{"children":[null,["$","$L29",null,{"parallelRouterKey":"children","template":["$","$L2a",null,{}]}]]}]
15:["$","$1","c",{"children":[null,["$","$L29",null,{"parallelRouterKey":"children","template":["$","$L2a",null,{}]}]]}]
18:true
1c:["$","div",null,{"className":"flex items-baseline gap-3","children":[["$","span",null,{"className":"label-mono text-slate","children":"06"}],["$","h3",null,{"className":"text-lg","children":"Progressive web applications"}]]}]
1d:["$","p",null,{"className":"mt-2.5 text-[0.9375rem] leading-relaxed text-steel","children":"Installable, offline-tolerant applications for field and floor staff, where a native app would be more cost than the job requires."}]
1e:["$","$L1b","Dashboards & member areas",{"delay":210,"className":"bg-hull p-6 sm:p-7","children":[["$","div",null,{"className":"flex items-baseline gap-3","children":[["$","span",null,{"className":"label-mono text-slate","children":"07"}],["$","h3",null,{"className":"text-lg","children":"Dashboards & member areas"}]]}],["$","p",null,{"className":"mt-2.5 text-[0.9375rem] leading-relaxed text-steel","children":"Authenticated areas where each user sees only their own data, with roles and permissions that match your organisation."}]]}]
1f:["$","$L1b","Multi-language interfaces",{"delay":245,"className":"bg-hull p-6 sm:p-7","children":[["$","div",null,{"className":"flex items-baseline gap-3","children":[["$","span",null,{"className":"label-mono text-slate","children":"08"}],["$","h3",null,{"className":"text-lg","children":"Multi-language interfaces"}]]}],["$","p",null,{"className":"mt-2.5 text-[0.9375rem] leading-relaxed text-steel","children":"English and Bahasa Malaysia — or any additional language — handled as a first-class part of the interface, not an afterthought."}]]}]
20:["$","li","08",{"className":"bg-hull p-5","children":[["$","span",null,{"className":"label-mono text-slate","children":"08"}],["$","h3",null,{"className":"mt-2 text-base font-semibold text-chrome","children":"Support"}],["$","p",null,{"className":"mt-1.5 text-sm leading-relaxed text-steel","children":"Keep it working and keep it improving."}]]}]
21:["$","details","Do you build mobile apps?",{"className":"group border-b border-edge","children":[["$","summary",null,{"className":"flex cursor-pointer list-none items-start justify-between gap-6 py-5 text-left text-base font-medium text-chrome transition-colors hover:text-signal sm:text-lg [&::-webkit-details-marker]:hidden","children":[["$","span",null,{"className":"font-display tracking-tight","children":"Do you build mobile apps?"}],["$","$L1a",null,{"iconNode":"$9:props:children:1:props:children:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode","className":"lucide-plus mt-1 size-4 shrink-0 text-steel transition-transform duration-300 ease-out-quint group-open:rotate-45 group-open:text-signal","aria-hidden":true}]]}],["$","p",null,{"className":"max-w-[70ch] pb-6 text-steel","children":"We build mobile-first web applications and progressive web apps, which cover most operational needs without app store distribution. Where a native app is genuinely required — deep device hardware access, for example — we will say so rather than force a web solution."}]]}]
22:["$","details","Who hosts it?",{"className":"group border-b border-edge","children":[["$","summary",null,{"className":"flex cursor-pointer list-none items-start justify-between gap-6 py-5 text-left text-base font-medium text-chrome transition-colors hover:text-signal sm:text-lg [&::-webkit-details-marker]:hidden","children":[["$","span",null,{"className":"font-display tracking-tight","children":"Who hosts it?"}],["$","$L1a",null,{"iconNode":"$9:props:children:1:props:children:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode","className":"lucide-plus mt-1 size-4 shrink-0 text-steel transition-transform duration-300 ease-out-quint group-open:rotate-45 group-open:text-signal","aria-hidden":true}]]}],["$","p",null,{"className":"max-w-[70ch] pb-6 text-steel","children":"Whatever suits your constraints: a cloud provider, a Malaysian host, or your own servers. We set up deployment, backups and monitoring, and document them so you are not locked to us."}]]}]
25:null
f:300
f:C
17:0
11:"$undefined"
13:"$undefined"
16:"$undefined"
e:"$undefined"