added example for nextjs

OvidijusParsiunas · Apr 13, 2023 · 06fd16a · 06fd16a
1 parent 7fb73f8
commit 06fd16a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/website/docs/examples/frameworks.mdx b/website/docs/examples/frameworks.mdx
@@ -9,6 +9,7 @@ import vueLogo from '/img/vueLogo.png';
 import svelteLogo from '/img/svelteLogo.png';
 import angularLogo from '/img/angularLogo.png';
 import solidLogo from '/img/solidLogo.png';
+import nextLogo from '/img/nextLogo.png';
 import vanillaJSLogo from '/img/vanillaJSLogo.png';
 
 <img src={reactLogo} width="30" style={{float: 'left', marginRight: '10px', marginTop: '22px'}} />
@@ -54,6 +55,14 @@ Make sure to declare a `solid-js` module when working with TypeScript and use hy
 
 [Click for Live Example](https://codesandbox.io/p/sandbox/magical-smoke-1ntsqs?file=%2Fsrc%2FApp.tsx&selection=%5B%7B%22endColumn%22%3A41%2C%22endLineNumber%22%3A16%2C%22startColumn%22%3A41%2C%22startLineNumber%22%3A16%7D%5D)
 
+<img src={nextLogo} width="28" style={{float: 'left', marginRight: '12px', marginTop: '25px'}} />
+
+## Next
+
+Use the `active-table-react` package and lazy load it using Next's `dynamic` extension.
+
+[Click for Live Example](https://codesandbox.io/p/sandbox/old-pond-qegoh8?selection=%5B%7B%22endColumn%22%3A30%2C%22endLineNumber%22%3A28%2C%22startColumn%22%3A30%2C%22startLineNumber%22%3A28%7D%5D&file=%2Fpages%2Findex.tsx)
+
 <img src={vanillaJSLogo} width="28" style={{float: 'left', marginRight: '12px', marginTop: '25px'}} />
 
 ## Vanilla JS

diff --git a/website/static/img/nextLogo.png b/website/static/img/nextLogo.png