Skip to content

Feat adds full fledge support for the next js framework by @m3e/nextjs…#32

Closed
Aditya1234vishwakarma wants to merge 1 commit intomatraic:mainfrom
Aditya1234vishwakarma:feature/new-package/nextjs
Closed

Feat adds full fledge support for the next js framework by @m3e/nextjs…#32
Aditya1234vishwakarma wants to merge 1 commit intomatraic:mainfrom
Aditya1234vishwakarma:feature/new-package/nextjs

Conversation

@Aditya1234vishwakarma
Copy link
Contributor

…. Implement dynamic Next.js client-side wrappers for all components.

Closes #26

  • Manually implemented Next.js dynamic imports with "use client" directives for all @m3e/react components.
  • Extracted and correctly typed all parent components along with their respective subcomponents (e.g., M3eDialogAction, M3eListItem, etc.) to ensure strict type compliance.
  • Structured individual module directories (e.g., src/autocomplete, src/dialog) to expose components cleanly.
  • Added comprehensive index.ts and all.ts aggregators for straightforward consumption by end users in SSR environments.

Description

This PR introduces comprehensive Next.js wrappers for all @m3e/react components to ensure seamless integration in Next.js applications, specifically targeting SSR compatibility.

I've manually created structured directories for each component (e.g., src/autocomplete, src/dialog, etc.) and mapped their respective subcomponents (like M3eDialogAction, M3eListItem). Each component is meticulously exported as a client-side component using Next.js dynamic() imports and the "use client" directive, while strictly maintaining type compliance with the underlying @m3e/react library.

Additionally, index.ts and all.ts files have been implemented to act as an aggregator, allowing end-users to import robust, client-ready components directly from @m3e/nextjs.

Related Issue

Closes #26

Type of Change

  • Bug fix
  • New feature
  • Breaking change
  • Documentation update
  • Other (please describe)

Checklist

  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have added tests that prove my fix/feature works (if applicable)
  • I have added necessary documentation (if applicable)
  • Any dependent changes have been merged and published

Screenshots (if applicable)

image

Additional Notes

All TypeScript interfaces and exports have been verified, and the npm run build process completes cleanly. The Next.js package is now internally structured and ready for use.

…. Implement dynamic Next.js client-side wrappers for all components.

Closes matraic#26
- Manually implemented Next.js `dynamic` imports with `"use client"` directives for all `@m3e/react` components.
- Extracted and correctly typed all parent components along with their respective subcomponents (e.g., `M3eDialogAction`, `M3eListItem`, etc.) to ensure strict type compliance.
- Structured individual module directories (e.g., `src/autocomplete`, `src/dialog`) to expose components cleanly.
- Added comprehensive [index.ts](cci:7://file:///c:/Users/adity/Desktop/Coding%20Side/m3e/packages/react/src/index.ts:0:0-0:0) and `all.ts` aggregators for straightforward consumption by end users in SSR environments.
@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 6, 2026

Open in StackBlitz

npm i https://pkg.pr.new/@m3e/react@32
npm i https://pkg.pr.new/@m3e/web@32

commit: b651580

@matraic
Copy link
Owner

matraic commented Mar 11, 2026

Closing this as it's no longer needed (see #26).

@matraic matraic closed this Mar 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Again, issue of "Html element is not defined" in nextjs 16 (app router) typescript

2 participants