Victor Vila

Victor Vila — Software Engineer Barcelona | React, Next.js, automatitzacions IA

const app = await build({ framework: 'next', edge: true });
export default function Page() { return <Main />; }
type Config = { api: string; region: 'eu' | 'us' };
await db`SELECT * FROM projects WHERE live = true`;
for await (const chunk of stream) transform(chunk);
if (latency > 200) enableCache({ ttl: 300 });
motion.div whileInView={{ opacity: 1 }} viewport={{ once: true }}
const { data } = useSWR('/api/health', fetcher);
pipeline.push(validate).push(serialize).push(send);
revalidatePath('/[locale]', 'layout');
const glow = useMotionTemplate`radial-gradient(...)`;
middleware: (req) => NextResponse.redirect(new URL('/es', req.url));
await cookies().set('session', token, { httpOnly: true });
const t = await getTranslations('landing');
export async function generateMetadata(): Promise<Metadata> { ... }
className={cn('rounded-2xl border border-white/10', className)}
framer-motion: spring({ stiffness: 220, damping: 14 })
SELECT id, title FROM posts ORDER BY created_at DESC LIMIT 10;
docker compose up -d && pnpm prisma migrate deploy
expect(result).toMatchObject({ ok: true, latency: expect.any(Number) });
const stack = ['react', 'next', 'tailwind', 'postgres'] as const;
const app = await build({ framework: 'next', edge: true });
Victor Vila

Software Engineer · Barcelona

Software engineer. Digital product and custom automations.

15 years building websites, apps and integrations. Digital product, AI and automations.

15+ years of experienceBarcelona
Let's talkView projects

AI & automations

Save hours every week

AI consulting and task automation. The first meeting is free — online or on-site in Barcelona — with a concrete list of automatable processes and estimated time and cost impact.

  • Free first session (online or on-site in Barcelona)
  • Prioritised list of automatable processes with estimated hours saved
  • Honest recommendation: what's worth automating and what isn't
Book the free session

$ victorvila --audit --automate

// Cursor, Claude Code and similar tools speed up the work. Architecture, decisions and delivery quality remain the priority.

→ detect_repetitive_tasks()

→ estimate_hours_saved()

→ ship_integration()

✓ first_session: free

Services

Services

One way of working: speak plainly, ship often, no fluff.

Hover to open the sleeve. Click to go to the service.

IA
IA

AI consulting & task automation

Click to open service
WEB
WEB

Websites & landing pages

Click to open service
APP
APP

Web & mobile applications

Click to open service
MVP
MVP

MVPs for start-ups

Click to open service
SHP
SHP

E-commerce

Click to open service
API
API

Integrations & automations

Click to open service

AI-assisted development

AI-assisted development, without losing human judgement

Cursor, Claude Code and similar tools speed up the work. Architecture, decisions and delivery quality remain the priority.

What I work with

Technologies used daily on real projects.

React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
Figma
Figma
Shopify
Shopify
PostgreSQL
PostgreSQL
MySQL
MySQL
Node.js
Node.js
Python
Python
AWS
AWS
Firebase
Firebase
Supabase
Supabase
Claude Code
Claude Code
Cursor
Cursor
Github
Github
Stripe
Stripe
React
React
Next.js
Next.js
Tailwind CSS
Tailwind CSS
Figma
Figma
Shopify
Shopify
PostgreSQL
PostgreSQL
MySQL
MySQL
Node.js
Node.js
Python
Python
AWS
AWS
Firebase
Firebase
Supabase
Supabase
Claude Code
Claude Code
Cursor
Cursor
Github
Github
Stripe
Stripe

AI supports the work. Architecture and decisions matter.

Process

How I work

No mystery: we talk, we agree, phased delivery and joint validation.

Contact

Shall we talk?

Drop me an email or book a call and let's see if it fits. No strings attached.

victorvila.dev@gmail.comBook a call
Victor Vila - Web Developer Barcelona | React, Next.js & Shopify Expert