Techify is a multipage digital agency template built with Next.js 16 (App Router), React 19, TypeScript and Tailwind CSS v4. It ships 23 routes plus generated pages for services and projects, 3 interchangeable header and footer pairs, and 60+ section components.
The structure follows the App Router: organized page routes, layout components, UI primitives, SEO components, WebGL backgrounds and a central site config. Services and project content are managed through dedicated TypeScript data files.
SEO is covered per page with metadata, canonical URLs, social cards, an XML sitemap, robots.txt and JSON-LD structured data. Decorative WebGL backgrounds run animated shader effects and fall back to CSS gradients when WebGL is unavailable.
TECH STACK
- Next.js 16 with App Router
- React 19
- TypeScript
- Tailwind CSS v4
- Framer Motion
- Base UI and shadcn UI components
- Centralized design tokens
- JSON-LD structured data
PAGES AND FEATURES
- Multiple homepage layouts
- About and services pages
- Service detail pages
- Work and project detail pages
- Blog grid, list and standard layouts
- Blog detail layout
- Contact pages
- Login, sign up and forgot password
- Privacy policy and terms pages
- Custom 404 page
- Multiple navigation and footer layouts
CUSTOMIZATION
- Centralized color tokens
- Typography customization
- Logo and favicon replacement
- Editable navigation menu
- Add, remove and reorder sections
- Editable services, projects and blog content
- Site name and URL configuration
- Customizable page metadata
REQUIREMENTS
- Node.js 20.9 or newer
- npm
- Basic React and Next.js knowledge
- VS Code recommended
