Registry / web-framework / antd-react-extensions-nextjs

antd-react-extensions-nextjs

JSON →
library0.6.5jsnpmunverified

Extension components for Ant Design (antd v4) tailored for Next.js, including Layout, Header, Footer, Container, Row, Col, Card, Button, Input, Select, Modal, Table, Form, and notification utilities. Current stable version is 0.6.5 (last release 2022). Package is rarely updated, with limited adoption. Alternative: use antd directly with Next.js dynamic import and custom layouts.

web-framework
npm install antd-react-extensions-nextjs
github ↗package ↗
INSTALL
IMPORT
SIG · ANTD-REACT-EXTENSI
A
antd-react-extensions-nextjs
web-frameworkjavascriptv0.6.5
harness data pending
Install & Compatibility
Where this runs

No compatibility data collected yet for this library.

Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

Layout
✓ import { Layout } from 'antd-react-extensions'
✗ const Layout = require('antd-react-extensions').Layout
Package is ESM-only; use named imports.
Card
✓ import { Card } from 'antd-react-extensions'
Works with TypeScript type definitions included.
useNotification
✓ import { useNotification } from 'antd-react-extensions'
✗ import useNotification from 'antd-react-extensions'
Must use named import, not default.

Minimal Next.js page using antd-react-extensions Layout, Row, Col, and Card components.

import { Layout, Card, Row, Col } from 'antd-react-extensions'; export default function Home() { return ( <Layout> <Row gutter={16}> <Col span={12}> <Card title="Hello">Content</Card> </Col> <Col span={12}> <Card title="World">More content</Card> </Col> </Row> </Layout> ); }
Debug
Known issues
gotchaOnly compatible with React 17 and antd v4. React 18/antd v5 may break.
fix
Use antd v4.17+ and React 17.
affects: <=0.6.5
gotchaPackage is unmaintained (last release 2022). No support for Next.js 13+ app directory.
fix
Consider migrating to antd v5 with Next.js dynamic imports.
affects: >=0.6.0
gotchaRequires @ant-design/icons as peer dependency - missing it causes runtime errors.
fix
Install @ant-design/icons: npm install @ant-design/icons
affects: >=0.0.0
Errors
Common errors & fixes
Module not found: Can't resolve 'antd-react-extensions'
Package not installed or missing from node_modules.
fix
Run npm install antd-react-extensions
Attempted import error: 'Layout' is not exported from 'antd-react-extensions'
Using wrong import syntax (e.g., default import).
fix
Use named import: import { Layout } from 'antd-react-extensions'
Error: Cannot find module '@ant-design/icons'
Missing peer dependency @ant-design/icons.
fix
Run npm install @ant-design/icons
Upgrade
Version history
0.6.5latest on npm
Audit
Dependencies
@ant-design/iconsrequiredPeer dependency for Ant Design icons
antdrequiredPeer dependency for Ant Design base components
reactrequiredPeer dependency for React 17
react-domrequiredPeer dependency for React 17
Agent activity
24 hits · last 30 days
node
22
OpenAI (training)
1
Resources
githubhttps://github.com/wuifdesign/antd-react-extensions.git#nextjs ↗
packagehttps://www.npmjs.com/package/antd-react-extensions-nextjs ↗
antd-react-extensions-nextjs — npm install antd-react-extensions-nextjs · libregistry