🌐 Zide Website

Zide is a website that showcases what we do as a collective. Our goal is to offer tools that are digitally simple, helping users work more efficiently. The site highlights the projects we’ve created and the ones we’re currently working on!

Tech Features

• Smooth, animated interface built with React and Framer Motion
• SEO with Next.js
• Sitemap and Open Graph meta tags for rich link previews

Stack

• Frontend: React + TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• SEO: Next.js, dynamic metadata

Getting Started

Installation

nvm use 22.14.0
npm install

ℹ️ This project uses Volta to automatically manage the Node version (example 22.19.0). If you have Volta installed, the correct version will be used without any manual intervention.

Development

npm run dev

Build

docker build -t wwwzide .
docker compose up -d

Deployment Workflow

The CI pipeline deploys updates to the staging environment automatically with every push to the main branch. For production, deployment is triggered by committing a new tag.