🌐 Dominik Žabčík — Personal Website

This is my personal portfolio website showcasing my work as a Full Stack TypeScript Engineer & CISO at NFCtron. It uses an editorial bento layout, restrained motion, and live integrations to present selected work without unnecessary chrome.

• 🎨 Editorial Design — A distinctive responsive bento system with custom typography
• 🔗 Selected Work — Featuring gopay-sdk, Snipr, and NFCtron
• ⚡ Live Spotify — Currently playing via Spotify Web API (when configured)
• 📱 Fully Responsive — Optimized for all devices
• 🌓 Dark Mode — Automatic dark/light theme switching
• 🎭 Smooth Animations — Framer Motion powered transitions
• 📧 Contact Form — Private Discord delivery with managed Cloudflare Turnstile protection and a LinkedIn fallback
• ⚡ Fast Performance — Next.js 16 with static generation and Turbopack

• Framer Motion — Smooth animations and transitions
• Sonner — Accessible toast notifications
• React Icons — Icon library

• Spotify Web API — “Now playing” on the homepage (optional SPOTIFY_* env)

# Clone the repository
git clone https://github.com/dominikzabcik/website.git
cd website

# Install dependencies
bun install

# Set up environment variables
cp .env.example .env
# Edit .env with your credentials

# Run development server
bun run dev

Create a .env file with the following:

# Discord Webhook (for contact form)
DISCORD_WEBHOOK=https://discord.com/api/webhooks/...

# Cloudflare Turnstile
TURNSTILE_SECRET_KEY=your_secret_key

# Optional: Spotify and Vercel KV, see .env.example

Both contact variables are required for message delivery. Builds remain available without them; the API fails closed and the form offers LinkedIn as a fallback. Verification and webhook calls each have a seven-second deadline.

# Run lint, type checks, formatting checks, and unit tests
bun run check

# Build for production
bun run build

# Run browser smoke tests
bun run test:e2e

# Start production server
bun run start

Edit these files to customize:

• src/pages/index.tsx — Main content, links, bio
• src/pages/_app.tsx — Meta tags, page title

• Tailwind CSS v4 theme and global styles — src/globals.css
• Portfolio structure and content — src/pages/index.tsx
• Typography and metadata — src/pages/_app.tsx

This website was originally based on the amazing work of:

• Alistair Smith (@alii) — Original website design and concept
  • Repository: alii/website

• Ana Arsonist — For open sourcing her website design elements
  • Repository: AnaArsonist/anahoward.me

This project is open source under the Apache-2.0 License. See CONTRIBUTING.md if you want to open a pull request.

If you use this as a template, please:

1. ⭐ Star the original repository alii/website
2. 📝 Keep attribution credits in your README
3. 🎨 Make it your own with unique content and styling

I'm Dominik Žabčík, a Full Stack TypeScript engineer from Prague, Czech Republic.

• 🔐 CISO at NFCtron — Leading security and backend development
• 💳 Payment Systems — Building PCI-compliant payment infrastructure
• 🎪 Event Tech — Cashless payments for events across Europe
• 🛠️ Full Stack — From database design to frontend animations

• 🔥 Building secure, scalable microservices
• 🚀 Optimizing high-throughput payment processing
• 🔒 PCI-DSS compliance & security architecture
• 📊 Real-time event management systems

💼 Hiring? Check out NFCtron careers — we're always looking for exceptional people!