All projects

WebEdge public site

A fast multilingual site connecting services, content and the project catalog.

AstroTypeScriptTailwind
WebEdge public site screenshotDev-story
01

Challenge

WebEdge needed one place for services, stack, content and work examples without shipping unnecessary JavaScript.

02

What we did

We built an Astro-generated site with shared design tokens, localized content and fast static pages.

03

Result

The team has a clear public showcase that can expand without introducing another platform.

Dev-story article

WebEdge public site: how the project was built

The public WebEdge site gathers services, technology choices, content and project examples into one entry point. The main requirement was a fast content path that stays readable across languages without extra client JavaScript.

Sections

06

Modules

03

Stack

Astro + TypeScript

Duration: 12-15 min. From project to learning materials
01 00:00

Why the project exists

WebEdge needed one place for services, stack, content and work examples without shipping unnecessary JavaScript.

The public WebEdge site gathers services, technology choices, content and project examples into one entry point. The main requirement was a fast content path that stays readable across languages without extra client JavaScript.

02 01:00

What was built

We built an Astro-generated site with shared design tokens, localized content and fast static pages.

The project connects localized service pages, a project catalog, contact paths and shared layout components. Astro handles static output, while TypeScript keeps catalog records and language fields predictable.

03 02:40

Main modules and user path

M01

Service pages use reusable content blocks so offer text, stack lists and calls to action stay consistent across languages.

M02

The project catalog reads typed records with screenshots, tags, stories and writeups, then presents both card summaries and longer scenario pages.

M03

Navigation, language switching and metadata are shared site modules, which keeps public pages aligned without forcing every section into the same layout.

04 04:30

Architecture and technology decisions

Technical foundation: Astro, TypeScript, Tailwind. This matters not as a logo list, but as the set of choices that keeps data, state, user actions and future maintenance manageable.

Astro, TypeScript and Tailwind match a public brochure and catalog surface where fast delivery, clean URLs and localized metadata matter more than runtime state.

05 06:30

How it works in a real scenario

In real use, “WebEdge public site” works as a clear sequence: it starts from the original problem, then the user takes the primary action, follows a clear data path and reaches the result. The experience stays logical instead of being a random set of screens.

The practical value shows where manual work used to be needed: part of the process is automated, responsibilities are clearly separated, and each module does one understandable job. That is what keeps the solution easy to maintain and extend.

06 08:30

Result and lessons

The team has a clear public showcase that can expand without introducing another platform.

WebEdge gets one public source for service discovery and project proof. New static pages and catalog entries can be added through typed data instead of a separate publishing system.

Read next

These projects share nearby technical or product decisions, so they show how the same principle behaves in another context.

Have a similar idea?

Discuss your project