Skip to content
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.

Sign up for GitHub

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

Jump to bottom

example: with-mantine #34591

Merged
merged 11 commits into from Sep 30, 2022
Merged

example: with-mantine #34591

Show file tree
Hide file tree
Changes from 8 commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
ef26e97
Add with mantine example
nip10 Feb 19, 2022
48f397b
Merge branch 'canary' into with-mantine
nip10 Apr 11, 2022
9d5a0c2
Merge branch 'canary' into with-mantine
nip10 Apr 29, 2022
e0f31b4
Update .gitignore
balazsorban44 Sep 30, 2022
ee1ded3
Apply suggestions from code review
balazsorban44 Sep 30, 2022
391492a
Delete _document.js
balazsorban44 Sep 30, 2022
0ee460d
Delete index.js
balazsorban44 Sep 30, 2022
34e6f93
Delete _app.js
balazsorban44 Sep 30, 2022
145d163
Apply suggestions from code review
balazsorban44 Sep 30, 2022
b432ab7
Update README.md
balazsorban44 Sep 30, 2022
e848fb2
Merge branch 'canary' into with-mantine
balazsorban44 Sep 30, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
1 change: 1 addition & 0 deletions examples/with-mantine/.gitignore
View file
Open in desktop
Expand Up @@ -33,3 +33,4 @@ yarn-error.log*

# typescript
*.tsbuildinfo
next-env.d.ts
18 changes: 11 additions & 7 deletions examples/with-mantine/README.md
View file
Open in desktop
@@ -1,23 +1,27 @@
# TypeScript & Mantine Next.js example
# Example app with mantine

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):
Copy link
Member

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

balazsorban44 marked this conversation as resolved.
Show resolved Hide resolved

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-typescript-mantine&project-name=with-typescript-mantine&repository-name=with-typescript-mantine)
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-mantine&project-name=with-mantine&repository-name=with-mantine)
balazsorban44 marked this conversation as resolved.
Show resolved Hide resolved

## How to use it?
## How to use

Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:

```bash
npx create-next-app --example with-mantine with-mantine-app
# or
yarn create next-app --example with-mantine with-mantine-app
# 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)).