-
Notifications
You must be signed in to change notification settings - Fork 27k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
example: with-mantine #34591
example: with-mantine #34591
Conversation
examples/with-mantine/.gitignore
Outdated
.pnpm-debug.log* | ||
|
||
# local env files | ||
.env*.local | ||
.env.local | ||
.env.development.local | ||
.env.test.local | ||
.env.production.local | ||
|
||
# vercel | ||
.vercel | ||
|
||
# typescript | ||
*.tsbuildinfo |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This file looks already correct to me.
examples/with-mantine/README.md
Outdated
This is a simple project that shows the usage of Next.js with TypeScript and Mantine. | ||
This example features how you use [mantine](https://github.com/mantine/mantine), a React component library. | ||
|
||
## Preview | ||
|
||
Preview the example live on [StackBlitz](http://stackblitz.com/): | ||
|
||
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-mantine) | ||
|
||
## Deploy your own | ||
|
||
Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example) or preview live with [StackBlitz](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-typescript-mantine) | ||
Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example): |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should not change, to align with the other examples
examples/with-mantine/README.md
Outdated
# or | ||
pnpm create next-app -- --example with-mantine with-mantine-app | ||
``` | ||
|
||
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)). | ||
|
||
### Try it on CodeSandbox | ||
|
||
[Open this example on CodeSandbox](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/with-mantine) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should not change to align with the other examples.
examples/with-mantine/pages/_app.js
Outdated
@@ -0,0 +1,26 @@ | |||
import Head from 'next/head'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There is already a _app.tsx
file
@@ -0,0 +1,8 @@ | |||
import Document from 'next/document'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There is already a _document.tsx
file
examples/with-mantine/pages/index.js
Outdated
@@ -0,0 +1,22 @@ | |||
import { Title, Text, Anchor } from '@mantine/core'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There is already a index.tsx
file
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks, but there was already a with-mantine
example present, therefore some of these changes here are unnecessary.
See the original PR: #36294
[Mantine ](https://mantine.dev/) is a fully featured React components library. This PR adds an example of Mantine + Next.js ## Documentation / Examples - [x] Make sure the linting passes by running `yarn lint` Co-authored-by: Balázs Orbán <info@balazsorban.com>
Mantine is a fully featured React components library.
This PR adds an example of Mantine + Next.js
Documentation / Examples
yarn lint