TransferX is the official web portal for the TransferX ecosystem β the offline data collection tool. Secure, fast, and resumable file transfers for Exams, Corporate, and Creative Studios without internet.
- Framework: Next.js 16 (App Router)
- Library: React 19
- Styling: Tailwind CSS
- Animations: Framer Motion
- Deployment: Netlify
- Modern Architecture: Built with the latest Next.js 16 features for server-side rendering and SEO optimization.
- Semantic SEO: Fully optimized with JSON-LD Schema, OpenGraph, and semantic HTML structure.
- Performance: Uses
lenisfor smooth scrolling and optimized image loading. - Responsive Design: Mobile-first approach ensuring perfect rendering on all devices.
First, install the dependencies:
npm installRun the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
To create an optimized production build:
npm run buildThis command will:
- Generate the production application in
.next. - Produce a static sitemap via Next.js native generation.
TransferXWeb/
βββ app/ # Next.js App Router (Pages & Layouts)
β βββ layout.jsx # Root layout with <main> & accessibility
β βββ page.jsx # Home page
β βββ globals.css # Global styles
βββ src/
β βββ components/ # Reusable UI components
β βββ views/ # Page content logic (Home, About, etc.)
β βββ styles/ # Component-specific CSS
βββ public/ # Static assets (images, icons)
βββ netlify.toml # Netlify deployment configurationThe project is configured for seamless deployment on Netlify.
- Push changes to the repository.
- Netlify automatically detects the
next.config.mjsand builds using the Next.js Runtime. - Note: The
netlify.tomlis pre-configured to handle redirects and headers for SEO indexing.
This project is proprietary software developed by AbdulAhad.