Skip to content

Web · Websites & web apps

Websites and web apps that load fast and tell your story.

From a story-driven company site to a full web app with logins and payments, we pick the right language and tools for your goal, build it mobile-first, and hand you everything. Below is exactly what we build, how a website works inside, and every technology we use, explained in plain words.

TypeScript
first, for fewer bugs
95+
Lighthouse target
100%
code is yours
One click, step by step
  1. 1

    Browser

    0 ms

    You tap a link

    HTML · CSS · TypeScript

  2. 2

    Edge network

    20 ms

    Nearest copy answers

    Cloudflare · CDN

  3. 3

    Server

    60 ms

    Runs the logic

    Node · Python · Go

  4. 4

    Database

    90 ms

    Finds your data

    PostgreSQL · Redis

✓ The page comes back, fully built, in a fraction of a second. Real timings vary by connection and project.

What we build

One web, six kinds of project.

"A website" can mean very different things. Find the one closest to your idea, and we will shape it from there.

  • Story-driven websites

    A company or brand site that explains who you are as a clear story, loads in a blink and turns visitors into enquiries.

    Good for
    Businesses, studios, startups, landing pages
    Typical
    2–4 weeks
    Built with
    Astro · Tailwind · GSAP
  • Online stores

    A shop that sells around the clock: products, cart, secure checkout, orders and stock, on a store platform or fully custom.

    Good for
    Brands selling products or digital goods
    Typical
    3–4 weeks
    Built with
    Shopify or Next.js · Stripe / Razorpay
  • Web apps & SaaS

    Software that runs in the browser: sign-up, logins, subscriptions and a product people use every day, with nothing to install.

    Good for
    Startups and companies launching a product
    Typical
    6–10 weeks
    Built with
    Next.js · TypeScript · PostgreSQL
  • Dashboards & internal tools

    Private screens for your team: reports, approvals, inventory, CRM. They replace spreadsheets and long email chains.

    Good for
    Operations, sales and finance teams
    Typical
    4–8 weeks
    Built with
    React · FastAPI or Node · PostgreSQL
  • Portals & marketplaces

    Sites with several kinds of users (customers, vendors, admins) who each see their own view, with payments between them.

    Good for
    Booking, directories, learning platforms
    Typical
    8–14 weeks
    Built with
    Next.js · PostgreSQL · Stripe
  • AI features & integrations

    Chat assistants, smart search, summaries, and connections to the tools you already use: CRM, WhatsApp, payments and email.

    Good for
    Any site or app that should work smarter
    Typical
    1–3 weeks as an add-on
    Built with
    Python or TypeScript · AI model APIs

What's inside a website

Four layers. Every site has them.

From a simple page to a large app, the same four layers do the work. Knowing what each one does makes every quote, every choice and every conversation with us easier.

A simple company site needs a very thin brain and memory. A web app needs all four to be strong. We size each layer to your goal, so you never pay for what you do not need.

  1. 01

    The screen

    Front end

    Everything visitors see and touch: layout, text, buttons and animation. It runs inside the visitor's own browser.

    What this layer does

    • Looks right on every phone and screen
    • Reacts instantly to taps and clicks
    • Loads only what is needed, so it feels fast

    We use

    • HTML
    • CSS
    • TypeScript
    • React
    • Astro
    • Next.js
  2. 02

    The brain

    Back end

    The part that thinks, out of sight on a server: it checks logins, applies your rules, takes payments and sends emails.

    What this layer does

    • Keeps accounts and passwords safe
    • Applies your business rules the same way every time
    • Talks to payments, email and other services

    We use

    • Node.js
    • Python
    • Go
    • PHP
    • Java
    • C#
  3. 03

    The memory

    Database

    Where information lives safely: users, products, orders and messages. It has to be fast to search and backed up.

    What this layer does

    • Stores every record exactly once, correctly
    • Finds one item among millions in a blink
    • Is backed up, so nothing is ever lost

    We use

    • PostgreSQL
    • MySQL
    • SQLite
    • MongoDB
    • Redis
  4. 04

    The home

    Hosting & delivery

    The computers your site lives on, plus a worldwide network that serves each visitor from a location close to them.

    What this layer does

    • Stays online when traffic spikes
    • Serves pages from the nearest city
    • Updates safely, with no downtime

    We use

    • Cloudflare
    • Vercel
    • AWS
    • Docker

The full toolbox

Every language and tool, explained.

69 technologies in 7 groups, in plain words: what each one is, what we use it for, and where it has limits. Tags show which are rising right now.

  • Trendinggaining momentum now
  • Industry standardthe safe default
  • Steadyproven, not changing fast
  • Worth watchingpromising, not yet mainstream

Languages

A programming language is how we write instructions for the browser or the server. The right one depends on the job, not on fashion.

Nothing in this group is trending right now. Switch the filter off to see everything.

  • TypeScript

    Trending

    JavaScript with types added, so many mistakes are caught while we write, before a visitor ever sees them.

    Use it for
    Almost all our front-end and Node code
    Trade-off
    A little more typing up front, far fewer bugs later.
  • JavaScript

    Industry standard

    The language every browser understands. Everything interactive on the web, from menus to maps, runs on it.

    Use it for
    All interactivity in the browser
  • Python

    Trending

    Readable, with a huge library collection. The first choice for AI, data and automation work.

    Use it for
    AI features, data-heavy apps, bots and fast APIs
    Trade-off
    Not the best pick for heavy real-time loads.
  • Go

    Trending

    A simple, very fast compiled language from Google. Small servers handle a lot of traffic at once.

    Use it for
    High-traffic APIs, microservices and tools
  • PHP

    Steady

    The language behind WordPress and Laravel. Modern PHP is quick and well suited to content-driven sites.

    Use it for
    Content sites, WordPress work and budget builds
  • Java & Kotlin

    Steady

    The long-time backbone of big companies and banks. Kotlin is the more modern, concise sibling.

    Use it for
    Enterprise systems and teams already on Java
    Trade-off
    Heavier to start, built to last for decades.
  • C# (.NET)

    Steady

    Microsoft's language: mature, fast and now cross-platform, with excellent tooling.

    Use it for
    Business systems and Microsoft-centred companies
  • Rust

    Worth watching

    A very fast language that prevents a whole class of memory bugs. Much of today's web tooling is built with it.

    Use it for
    Performance-critical parts and WebAssembly
    Trade-off
    Loved by developers, but slower and costlier to build with.
  • Ruby

    Steady

    A friendly language behind Rails, known for getting a first version running very quickly.

    Use it for
    Quick MVPs and teams that already use Rails
  • Elixir

    Worth watching

    Built for systems that must never go down and must handle many live connections, like chat and live dashboards.

    Use it for
    Real-time features at large scale
  • HTML & CSS

    Industry standard

    The foundation of every page. Modern CSS now handles layouts, animation and dark mode that once needed scripts.

    Use it for
    Every single page we build

Front end

Front-end tools build the part visitors see. We choose by how much interactivity the page needs: less code means a faster page.

Nothing in this group is trending right now. Switch the filter off to see everything.

  • React

    Industry standard

    The most-used library for building interfaces from reusable pieces, with a huge ecosystem and talent pool.

    Use it for
    Interactive apps and dashboards
  • Next.js

    Industry standard

    A full framework on top of React: pages, routing, server rendering and APIs in one place.

    Use it for
    Web apps, stores and SaaS products
    Trade-off
    More moving parts than a simple site needs.
  • Astro

    Trending

    Content-first: sends almost no JavaScript to the browser, so pages load very fast. This site is built with it.

    Use it for
    Company sites, blogs and landing pages
  • Svelte & SvelteKit

    Trending

    Turns your code into tiny, fast bundles when it is built. Developers who use it tend to love it.

    Use it for
    Fast interactive apps with small bundles
  • Vue & Nuxt

    Steady

    An approachable, elegant framework. Nuxt adds server rendering and routing on top.

    Use it for
    Teams that value simplicity and clear structure
  • Angular

    Steady

    Google's complete framework with everything included, very structured and strict.

    Use it for
    Large enterprise apps with big teams
  • SolidJS

    Worth watching

    Updates only the exact pieces of a page that change, which makes it extremely fast.

    Use it for
    Performance-sensitive interfaces
  • HTMX & Alpine.js

    Worth watching

    Adds interactivity straight from HTML, with almost no JavaScript to write or ship.

    Use it for
    Server-rendered apps that stay simple
  • Tailwind CSS

    Industry standard

    Style pages with small ready-made classes. Keeps design consistent and the CSS file tiny.

    Use it for
    Every design system we build
  • Motion & 3D

    Industry standard

    GSAP, Motion, Lottie and Three.js bring pages to life with scroll stories, transitions and 3D.

    Use it for
    Story-driven, memorable interfaces
    Trade-off
    We animate only what adds meaning, so speed stays high.
  • Vite

    Industry standard

    The fast build tool behind most modern front ends. It makes development quick and output small.

    Use it for
    Building and bundling front ends

Back end

The back end is the brain of an app. We choose a language and framework for your team, your scale and how quickly you need to launch.

Nothing in this group is trending right now. Switch the filter off to see everything.

  • Node.js

    Industry standard

    Runs JavaScript on the server, so one language covers the whole app. Express, Fastify, NestJS and Hono are common frameworks.

    Use it for
    Most web apps, APIs and real-time features
  • FastAPI (Python)

    Trending

    A modern Python framework that is quick to build with and writes its own API documentation.

    Use it for
    AI-powered backends and data APIs
  • Django (Python)

    Steady

    Python with everything included: admin panel, users, database tools and strong security defaults.

    Use it for
    Data-rich apps that need an admin from day one
  • Go (Gin, Fiber)

    Trending

    Compact, quick services that use very little memory and scale smoothly.

    Use it for
    High-traffic APIs and microservices
  • Laravel (PHP)

    Steady

    An elegant PHP framework with logins, queues, emails and payments ready to use.

    Use it for
    Business apps and fast, budget-friendly builds
  • Spring Boot

    Steady

    The standard way to build large systems in Java or Kotlin, with strong tooling.

    Use it for
    Enterprise and banking-grade systems
  • ASP.NET Core

    Steady

    Microsoft's fast, secure web framework for C#, running on Windows, Mac and Linux.

    Use it for
    Business systems in Microsoft environments
  • Ruby on Rails

    Steady

    A proven framework for building a first version quickly with sensible defaults.

    Use it for
    MVPs and products already on Rails
  • Serverless & edge

    Trending

    Small functions that run only when called, on servers near the visitor: Cloudflare Workers, Vercel Functions, AWS Lambda.

    Use it for
    Spiky traffic, simple APIs and low running cost
  • Bun & Deno

    Worth watching

    Newer runtimes for JavaScript and TypeScript with faster tooling and built-in features.

    Use it for
    Fast scripts, tooling and modern services
  • Rust (Axum)

    Worth watching

    Extremely fast and safe back ends for the heaviest, most performance-critical jobs.

    Use it for
    Heavy computation and security-critical services
  • REST, GraphQL & tRPC

    Industry standard

    The ways the front end and back end talk. REST is the simple standard, GraphQL fetches exactly the data needed, tRPC shares types.

    Use it for
    Every app, with the style chosen to fit

Data

Data tools decide how safe, fast and searchable your information is. Boring and proven usually wins here.

Nothing in this group is trending right now. Switch the filter off to see everything.

  • PostgreSQL

    Industry standard

    The most-used database in Stack Overflow's survey. Reliable, powerful, and handles structured data and JSON equally well.

    Use it for
    Our default for almost every app
  • MySQL & MariaDB

    Steady

    A classic database that is supported everywhere. It runs WordPress and countless older systems.

    Use it for
    WordPress and existing MySQL projects
  • SQLite, Turso & D1

    Trending

    A tiny database that lives next to your code, now also offered as a cloud service close to the visitor.

    Use it for
    Small and mid-sized apps, edge apps, prototypes
  • MongoDB

    Steady

    Stores flexible, document-style data instead of tables, handy when records vary a lot.

    Use it for
    Data whose shape keeps changing
  • Redis & Valkey

    Industry standard

    A very fast in-memory store used for caching, sessions, queues and rate limits.

    Use it for
    Making pages and APIs respond in milliseconds
  • Supabase & Firebase

    Trending

    Ready-made back ends: database, logins, file storage and live updates. Supabase is built on PostgreSQL.

    Use it for
    Launching an MVP quickly
    Trade-off
    Great to start, so we plan the exit route early.
  • Vector search (pgvector)

    Trending

    Stores the meaning of text and images as numbers, so search can find what you mean, not just exact words.

    Use it for
    AI search and assistants that know your content
  • Search engines

    Industry standard

    Algolia, Meilisearch and Typesense give instant search with typo tolerance across large catalogues.

    Use it for
    Stores, directories and documentation
  • Object storage (S3, R2)

    Industry standard

    Cheap, huge storage for images, video and files. Cloudflare R2 has no data-transfer fees.

    Use it for
    Uploads, media libraries and backups
  • Prisma & Drizzle

    Trending

    Tools that let TypeScript code talk to the database safely, with types checking every query.

    Use it for
    Keeping database code correct as it grows

CMS, shop & payments

These let you manage content, sell and get paid without calling a developer for every change.

Nothing in this group is trending right now. Switch the filter off to see everything.

  • Sanity

    Trending

    A flexible content system your team edits in a clean studio, with live preview and no limits on structure.

    Use it for
    Company sites and blogs with several editors
  • Payload CMS

    Trending

    A developer-friendly, open-source CMS written in TypeScript that you own and host yourself.

    Use it for
    Custom content apps with full control
  • Strapi

    Steady

    An open-source headless CMS with an admin panel, easy to host yourself.

    Use it for
    Content projects that need self-hosting
  • WordPress

    Industry standard

    The familiar CMS behind a large share of the web. We use it classic or headless, with a modern front end.

    Use it for
    Teams already comfortable in WordPress
    Trade-off
    Needs regular updates and careful plugin choices.
  • Shopify & Hydrogen

    Industry standard

    A complete shop platform. Hydrogen builds a fully custom storefront on top of it.

    Use it for
    Stores that want proven checkout and orders
  • WooCommerce & Medusa

    Steady

    WooCommerce adds a shop to WordPress. Medusa is an open-source, headless store engine you can shape freely.

    Use it for
    Custom shops without platform lock-in
  • Stripe & Razorpay

    Industry standard

    Take cards, UPI, wallets and subscriptions securely. Card details never touch your server.

    Use it for
    Every checkout and subscription
  • Modern login

    Trending

    Clerk, Auth.js and Supabase Auth, with passkeys and social sign-in so users skip passwords.

    Use it for
    Safer, smoother sign-in for apps

Hosting & delivery

Hosting decides how fast your site feels in every city and how smoothly we can ship changes.

Nothing in this group is trending right now. Switch the filter off to see everything.

  • Cloudflare

    Trending

    Pages, Workers, storage and a global network in one place. Very fast worldwide and often the cheapest option.

    Use it for
    Fast sites and apps for visitors everywhere
  • Vercel & Netlify

    Industry standard

    Push your code and the site goes live, with a private preview link for every change.

    Use it for
    Next.js and Astro projects, quick launches
  • AWS, Google Cloud & Azure

    Industry standard

    The big clouds: nearly unlimited power and services, with the most setup to manage.

    Use it for
    Large systems and strict compliance needs
  • VPS (Hetzner, DigitalOcean)

    Steady

    Your own server at a low fixed price, with complete control.

    Use it for
    Predictable cost and custom back ends
  • Docker & Kubernetes

    Industry standard

    Package an app so it runs the same everywhere. Kubernetes manages many of them at large scale.

    Use it for
    Complex systems (Kubernetes only when needed)
  • CI/CD (GitHub Actions)

    Industry standard

    Every change is tested and published automatically, so releases are calm and repeatable.

    Use it for
    Safe, frequent updates
  • Automated testing

    Trending

    Playwright and Vitest click through your site like a visitor and check it, every time we change something.

    Use it for
    Catching bugs before launch
  • Monitoring

    Industry standard

    Sentry reports errors the moment they happen, and uptime checks alert us if the site is down.

    Use it for
    Keeping live sites healthy
  • Privacy-first analytics

    Trending

    Plausible and Umami show you traffic without cookies or tracking banners.

    Use it for
    Knowing what works, respectfully

AI & extras

The newest layer: features that make a site smarter, more live and more installable.

Nothing in this group is trending right now. Switch the filter off to see everything.

  • AI assistants & chat

    Trending

    Chat that answers customer questions, books meetings or guides a purchase, powered by AI model APIs such as Claude, GPT and Gemini.

    Use it for
    Support, onboarding and lead capture
    Trade-off
    Needs guardrails and a human hand-off.
  • Smart search (RAG)

    Trending

    An AI that answers from your own documents and data, quoting them, instead of guessing.

    Use it for
    Help centres, knowledge bases and internal Q&A
  • AI agents & automation

    Trending

    Bots that act for you on the web: fill forms, collect data, send reports and keep tools in sync.

    Use it for
    Removing repetitive web work
  • Real-time

    Industry standard

    WebSockets and server-sent events push updates live: chat, notifications, live dashboards.

    Use it for
    Anything that must update without a refresh
  • Progressive Web Apps

    Steady

    A website that can be installed on a phone, work offline and send notifications, with no app store.

    Use it for
    App-like experiences without building an app
  • WebAssembly

    Worth watching

    Runs near-native code inside the browser, for heavy tasks like image, video or design tools.

    Use it for
    Demanding in-browser tools
  • Accessibility (WCAG 2.2)

    Industry standard

    Everyone can use the site: keyboard, screen readers, contrast and clear structure. Also good for SEO.

    Use it for
    Every project, built in from the start
  • Multi-language sites

    Industry standard

    One site in several languages and currencies, with the right content for each visitor.

    Use it for
    Reaching customers in more markets

About the tags: they are our judgement from public developer surveys, such asState of JS 2025and theStack Overflow Developer Survey 2025, plus what we see in real projects. They shift every year, and a tool that is not trending can still be exactly the right one.

Which stack for which project

Pick the project. See the stack.

Choose a kind of web project and watch the plan appear: the tools we would use, and why each one earns its place.

~/shroytech — plan

$shroytech plan "company website"

✦ Matching your goal to a stack…

Frontend
Astro
→ ships almost no JavaScript, loads in a blink
Styling
Tailwind CSS
→ consistent design, tiny CSS
Motion
GSAP
→ story-driven, still fast
Content
Sanity CMS
→ edit text without a developer
Hosting
Cloudflare
→ served from a city near each visitor

✓ Plan ready · first version in 2–4 weeks

$shroytech plan "online store"

✦ Matching your goal to a stack…

Shop
Shopify or Medusa
→ proven carts, orders and stock
Frontend
Next.js
→ fast pages that rank on Google
Payments
Stripe · Razorpay
→ cards, UPI and wallets
Search
Algolia · Meilisearch
→ instant search with typo tolerance
Hosting
Vercel · Cloudflare
→ scales for sale-day traffic

✓ Plan ready · first version in 3–4 weeks

$shroytech plan "saas web app"

✦ Matching your goal to a stack…

Frontend
Next.js + TypeScript
→ one language, fewer bugs
Database
PostgreSQL
→ safe, proven, scales with you
Access
Prisma or Drizzle
→ type-checked database queries
Login
Clerk · Auth.js
→ passkeys and social sign-in
Billing
Stripe
→ subscriptions and invoices

✓ Plan ready · first version in 6–10 weeks

$shroytech plan "internal dashboard"

✦ Matching your goal to a stack…

Interface
React + Tailwind
→ quick to build, easy to extend
API
FastAPI or Node
→ clean endpoints, auto-documented
Data
PostgreSQL · Redis
→ fast reports and caching
Charts
Recharts · D3
→ clear, interactive reports
Access
Roles & audit log
→ who may see and change what

✓ Plan ready · first version in 4–8 weeks

$shroytech plan "ai assistant"

✦ Matching your goal to a stack…

Frontend
Next.js
→ streaming chat that feels instant
Backend
FastAPI (Python)
→ the home of AI tooling
Model
Claude · GPT · open models
→ chosen for quality, cost and privacy
Knowledge
pgvector (RAG)
→ answers from your own content
Safety
Guardrails + hand-off
→ a human steps in when needed

✓ Plan ready · first version in 4–8 weeks

$shroytech plan "high-traffic platform"

✦ Matching your goal to a stack…

API
Go or Rust
→ huge traffic on small servers
Frontend
Next.js · SvelteKit
→ fast and well-structured
Data
PostgreSQL · Redis
→ cache first, database second
Queues
Workers · background jobs
→ heavy work off the main path
Cloud
AWS · Kubernetes
→ scales up and down on demand

✓ Plan ready · first version in 10–16 weeks

Built in, not bolted on

Every site gets these.

Whatever the technology, these six things are part of every web project, and we show you how each one is checked.

  • Speed

    Pages that load fast and respond instantly, because people leave slow sites and Google ranks them lower.

    How we check

    We aim for Google's "good" Core Web Vitals: main content in under 2.5 s, reactions under 200 ms, and no layout jumps. Measured with Lighthouse on a mid-range phone.

  • Found on Google

    Search-friendly pages, so people looking for what you do can find you.

    How we check

    Clean page structure, fast loading, sitemap, structured data and social preview cards, checked before launch.

  • Security

    Visitors' data and your accounts stay protected.

    How we check

    HTTPS everywhere, security headers, validated forms, spam protection, safe password handling, and backups you can restore.

  • Accessible to everyone

    People using keyboards, screen readers or low vision can use the site too.

    How we check

    We build to WCAG 2.2 AA: readable contrast, clear focus, proper labels and structure, and test with an automated audit plus manual checks.

  • Works everywhere

    One site that looks and works right on every phone, tablet, laptop and browser.

    How we check

    Designed mobile-first, then tested in Chrome, Safari, Firefox and Edge, in light and dark mode, on real screen sizes.

  • Yours to keep

    No lock-in. You own what you paid for.

    How we check

    After final payment you own the source code, designs and accounts. We hand over clean, documented code and a short guide.

How we work

No mystery. Just a clear path from idea to launch.

Five steps, the same every time. You always know what's happening, what's next, and when it's done.

Start with step 01 →
  1. 01Discover

    1–3 days

    A call about your goals, audience and scope. You get a fixed price and timeline before any commitment.

    • Discovery call
    • Scope document
    • Fixed quote
  2. 02Story & Design

    1–2 weeks

    We map the story your product tells, then design every screen and turn it into a clickable prototype.

    • Story map
    • Wireframes
    • UI design
    • Prototype
  3. 03Build

    2–6 weeks

    Clean, fast engineering with a live demo every week, so you see progress instead of waiting for it.

    • Weekly demos
    • Staging link
    • Clean code
  4. 04Test

    ~1 week

    Real devices, real browsers. We test speed, security and every flow, and automate the tests.

    • Device testing
    • Speed audit
    • Automated tests
  5. 05Launch & Grow

    Ongoing

    We ship it, watch the numbers and keep improving it with you after launch.

    • Go-live
    • Analytics
    • Support
    • Iterations

Web FAQ

Web questions, answered.

Still curious? Write to [email protected] and a real person replies within 24 hours.

Which language or framework will you use for my project?

We choose after the discovery call, based on your goal, budget and team. As a rule: Astro for company sites, Next.js with TypeScript for web apps and stores, Python for AI and data features, and Go when you expect very heavy traffic. You always get the reasons in writing.

WordPress or custom code?

If your team already lives in WordPress and mostly publishes content, we can build on it, classic or headless. For speed, custom design and web apps, we usually recommend a modern framework. We will tell you honestly which fits.

Do you only use the newest, trending tools?

No. Trending is a signal, not a reason. We pick proven tools for the core (PostgreSQL, TypeScript, React) and newer ones only where they clearly help, such as Astro for speed or FastAPI for AI work.

Can you improve or rebuild my existing website?

Yes. We start with a free audit of speed, search visibility and usability, then either fix what matters or rebuild in stages so your site never goes offline.

What do hosting and a domain cost?

Many sites run on free or low-cost hosting such as Cloudflare. Bigger apps cost more because of databases and traffic. We estimate this in your quote and put the accounts in your name.

Can you add AI features to my site?

Yes: chat assistants, smart search over your own content, summaries and automation. We add guardrails, keep your data private and make sure a person can always step in.

How are changes handled after launch?

You get 30 days of support included. After that, a monthly care plan covers updates, monitoring and small changes, or you can bring in a dedicated team for ongoing growth.

More from ShroyTech

Building something else?

Most products need more than one of these. We build them together, with one team and one plan.

Start a project

Got a spark? Let's build it.

Tell us about your idea. Within 48 hours you get a clear scope, a fixed price and a timeline. Free, with no obligation.

WebsiteSoftwareAppAutomate

Tap the points of the star to tell us what you need.

What do you need?

We reply within 24 hours.

Start a Project