Landing page per a un estudi de disseny i web
Astro + Tailwind
Lleuger i amb bon rendiment100% SEO
Optimitzat per a motors de cerca<0.4s
First Contentful Paint
Tactil és un estudi creatiu que ofereix disseny i desenvolupament a mida per a marques ambicioses que busquen experiències digitals ràpides, escalables i úniques.
Té com a objectiu trencar amb el món de les plantilles genèriques perquè les plantilles són per a presentacions, no per a la teva web.
Visió
Les webs modernes sovint cauen en dos extrems: plantilles massa dissenyades però amb poc rendiment, o temes ràpids però visualment sense ànima. A Tactil, unim aquest buit lliurant interfícies fetes a mà, interaccions subtils i bases de codi eficients, tot adaptat a l’ADN de la marca.
Construïm webs que:
- Converteixen millor en ser intencionals
- Escalen amb el teu negoci
- Carreguen increïblement ràpid
- Se senten vives gràcies al moviment i al detall
El nostre eslògan ho resumeix:
Disseny i desenvolupament a mida per a marques ambicioses. Experiències digitals ràpides🚀, úniques🦄 i escalables📈.
Per què Astro?
La web no necessita més megabytes de JS només per renderitzar contingut estàtic.
Utilitzem Astro com a base per seguir oferint:
- Zero-JS per defecte, ideal per a pàgines d’aterratge i SEO
- Arquitectura d’illes, permetent interactivitat selectiva
- Temps de compilació ràpids i optimitzacions de sèrie
Combinat amb les React Islands i TailwindCSS, Astro ens dóna el poder d’oferir rendiment en temps real i interfícies expressives.
Stack tecnològic
| Eina / Llibreria | Propòsit |
|---|---|
Astro | Generador de llocs estàtics |
React | Illes d’UI interactives |
TailwindCSS | Estils basats en utilitats |
@astrojs/mdx | Contingut ric amb Markdown i JSX |
@astrojs/rss | Suport RSS per a futurs posts |
@astrojs/sitemap | Generació de sitemap per a SEO |
@astrojs/react | Integració de React per a Astro |
@polgubau/animated | La meva pròpia llibreria d’animacions |
astro-meta-tags | Generació dinàmica de meta tags |
oxlint | Linter ràpid per a projectes JS/TS |
sharp | Processament i optimització d’imatges |
Linting
Utilitzem oxlint per a un linting ultraràpid, i està integrat tant manualment com mitjançant hooks de Git (lint-staged).
Executa el lint:
pnpm linti18n i traduccions
La web està construïda tenint en compte la internacionalització. El contingut de text s’abstreu en fitxers específics per a cada idioma (en.ts, es.ts, etc.).
Això permet una fàcil expansió a altres idiomes i admet el renderitzat dinàmic de la interfície d’usuari per idioma.
🔍 SEO, rendiment i bones pràctiques
- Totalment estàtic per defecte
- Tags
<meta>generats automàticament viaastro-meta-tags - Sitemap via
@astrojs/sitemap - Fonts i imatges optimitzades (
sharp) - Zero JS al client a menys que sigui necessari
Enllaços
