Next.js App Router multi-page structure covering common corporate website and portfolio pages
Next.jsReactAdmin dashboardPortfolioCorporate Website
nextjs-fullstack-contact-platform — Next.js Admin dashboard Template
By ebarrm-a11y
A full-stack site template built on Next.js App Router and TypeScript, including corporate/portfolio pages, a contact form API, MJML email templates, rate limiting, and content management endpoints, with i18n, dark mode, and SEO files.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-13View source
What stands out
A quick read of the recorded project description.
Contact form API and MJML-based email templates
Content management endpoints and API rate limiting helper logic
Built-in i18n utilities with language switching and dark mode switching
Provides SEO files such as sitemap.ts and robots.ts
Includes GitHub Actions build validation and a Bash deployment script
Template Details
This template is a full-stack application built with Next.js App Router, TypeScript, and Tailwind CSS, aimed at corporate website or portfolio scenarios. The frontend includes routes for home, about, services, portfolio, pricing, testimonials, FAQ, contact, success, as well as legal terms and privacy, along with reusable UI components, theme switching, and language switching utilities.
The backend provides contact form handling and controlled content management endpoints via Route Handlers, with built-in rate limiting helper logic; the email portion uses MJML templates. For SEO, it provides sitemap.ts and robots.ts. The project also includes a GitHub Actions build validation workflow, a Bash deployment script, and a .env.example environment variable template.
Before use, note: the repository does not provide specific dependency versions, so actual running requires installing according to package.json; third-party assets such as images, fonts, and icons in the demo need separate license verification; external services such as domains, hosting, and databases may incur costs.
Next.jsReactAdmin panelPortfolioCorporate website
Is it right for your project?
Use Cases
- Building a corporate website or agency showcase site
- Building a portfolio website with a contact form and email notifications
- As a reference project for learning Next.js full-stack routing and API design
- A starting point for sites needing i18n, dark mode, and basic SEO configuration
Suitable For
- Frontend or full-stack developers familiar with Next.js and TypeScript
- Teams needing a corporate website/portfolio template and wishing to extend it themselves
- Developers wanting to reference API routes, rate limiting, and MJML email integration
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Configure environment variables according to .env.example, such as email service and rate limiting related parameters
- 2
Install dependencies according to package.json, then run development or build commands
- 3
Third-party assets such as demo images, fonts, and icons need separate license verification
- 4
External services such as domains, hosting, and databases may incur additional costs
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry is the free version under the MIT license in a public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Permits free use, modification, commercial use, and distribution of this version's code.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 85 / 100
- Technologies
- Next.js · React
- Website type
- Admin dashboard · Portfolio · Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-04-01
- Screenshot last checked
- 2026-10-13
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: b81ffd9b7a722ba357c1d7615fd1b821d9c977f4c01748058c4b83a60f4681dd
2026-10-13T11:35:28.313Z
Source file / repository# Full-Stack Contact Platform (Next.js + TypeScript + Tailwind) **Live Demo:** https://nextjs-fullstack-contact-platform.vercel.app/ A production-oriented full-stack web application built with **Next.js App Router** and **TypeScript**, designed to demonstrate **systems integration, API-driven workflows, reusable architecture, and structured frontend/backend development**. This project was designed to demonstrate practical engineering around: - **Frontend architecture** with reusable components and multi-page navigation - **Backend/API workflows** for contact handling and controlled admin content updates - **Rate limiting and environment-based configuration** - **Email template integration** with MJML - **Deployment and CI-ready project structure** --- ## Why I Built This I built this project to practice full-stack development with a production-minded structure, combining frontend implementation, API route design, reusable components, deployment workflow, and environment-based configuration in a single application. --- ## What This Project Demonstrates - Building a **modern full-stack application** with both UI and server-side logic - Designing **API routes** for real user workflows - Structuring a project for **maintainability, scalability, and clean separation of concerns** - Supporting **content operations**, **email handling**, and **basic application protection** - Applying a practical software engineering approach across **frontend, backend, and deployment tooling** --- ## Core Features - **Next.js App Router** (`src/app`) with multiple pages and route-based structure - **Contact API workflow** for form submission handling - **Admin content endpoint** for controlled content updates - **Reusable UI components** for maintainable frontend development - **Rate limiting helper** for API protection - **MJML email templates** for transactional and marketing communication - **SEO support** through `sitemap.ts`, `robots.ts`, and metadata-friendly structure - **Theming and UX enhancements**, including theme toggle and layout providers - **i18n-ready utilities** and language toggle support - **Automation/deployment scripting** with shell-based tooling - **GitHub Actions CI workflow** for build validation --- ## Tech Stack **Frontend** - Next.js - TypeScript - Tailwind CSS **Backend / Server Logic** - Next.js Route Handlers - API endpoints for contact and admin workflows **Tooling / DevOps** - GitHub Actions - Bash deployment script - Environment-based configuration **Email / Communication** - MJML templates --- ## Project Structure ```txt id="qevc9u" . ├─ src/ │ ├─ app/ │ │ ├─ page.tsx # Home │ │ ├─ about/page.tsx │ │ ├─ services/page.tsx │ │ ├─ portfolio/page.tsx │ │ ├─ pricing/page.tsx │ │ ├─ reviews/page.tsx │ │ ├─ faq/page.tsx │ │ ├─ contact/page.tsx │ │ ├─ success/page.tsx │ │ ├─ admin/page.tsx │ │ ├─ legal/ │ │ │ ├─ terms/page.tsx │ │ │ └─ privacy/page.tsx │ │ ├─ api/ │ │ │ ├─ contact/route.ts # Contact API │ │ │ └─ admin/content/route.ts # Admin content API │ │ ├─ sitemap.ts # SEO sitemap │ │ └─ robots.ts # SEO robots │ ├─ components/ # Reusable UI components │ ├─ data/ # Site content/constants │ └─ lib/ # Utilities (i18n, rate limit, helpers) ├─ emails/ # MJML templates ├─ scripts/ # Automation and deployment scripts ├─ .env.example # Environment variable template ├─ next.config.mjs ├─ tailwind.config.ts ├─ postcss.config.mjs ├─ tsconfig.json └─ package.json
Explore similar templates
Compare previews and descriptions within the same stack and category.
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS
next-shadcn-dashboard-starter
An MIT-licensed admin dashboard starter built with Next.js 16, shadcn/ui, Tailwind CSS v4, and TypeScript.
Next.js · Admin dashboard
Studio Admin · Radix UI
Studio Admin is an admin dashboard template built with Next.js 16, TypeScript, Tailwind CSS v4, and Shadcn UI.
Next.js · Admin dashboard
free-nextjs-admin-dashboard
A free, open-source admin dashboard template built on Next.js 16, React 19, TypeScript, and Tailwind CSS v4. It provides a collapsible sidebar, charts, tables, authentication forms, modals, dropdowns, and dark mode, with internationalization and RTL support since version 2.4.0.
Next.js · Admin dashboard
react-resume-template
A personal resume website template for software developers, built with Next.js, React, and TypeScript and styled with Tailwind CSS. Site content is driven by a single data file at /src/data/data.tsx, with types in dataDef.ts and images in src/images/.
Next.js · Portfolio
Next-JS-Landing-Page-Starter-Template
A free Next.js landing page starter template written in Tailwind CSS and TypeScript, featuring built-in navbar, hero, features, CTA banner, and footer sections.
Next.js · Corporate Website