Use when building corporate/engineering showcase websites with Next.js, TypeScript, MDX documentation, and modern geometric 3D animations
This skill provides a reference for building modern corporate websites using Next.js with TypeScript, MDX documentation, geometric 3D animations, and responsive layouts for showcasing engineering solutions.
Use this skill when:
| Technology | Usage |
|---|---|
| Next.js |
| Main React framework |
| TypeScript | Primary language (51.9%) |
| MDX | Content/documentation (46.8%) |
| Prisma | Database ORM |
| Vercel | Deployment platform |
dms-tech-lab/
├── app/ # Next.js App Router
├── components/ # Reusable UI components
├── hooks/ # Custom React hooks
├── prisma/ # Database schema
├── content/ # MDX documentation
├── public/ # Static assets
└── lib/ # Utility functions
// app/page.tsx
export default function HomePage() {
return (
<main>
<HeroSection />
<ServicesSection />
<SolutionsShowcase />
</main>
);
}
// content/page.mdx
import { Callout } from '@/components';
# Engineering Solutions
<Callout type="info">
Our innovative approach to engineering challenges.
</Callout>
model Project {
id String @id @default(cuid())
name String
description String
category String
createdAt DateTime @default(now())
}
When helping build corporate websites:
portfolio-tejas1996p - For personal portfolio referenceenegix-template - For business template alternativesgsap-animations-website - For advanced animationsC:\Users\user\.qwen\skills\dms-tech-lab
dms-tech-lab.vercel.app