From 0bbf27af9f7be2949fa90853bc57c2a795ca9e09 Mon Sep 17 00:00:00 2001 From: enochbeloved Date: Sat, 5 Dec 2020 21:47:01 +0100 Subject: [PATCH 1/3] Adding example with-mdbreact --- examples/with-mdbreact/.gitignore | 35 +++++++ examples/with-mdbreact/README.md | 21 ++++ examples/with-mdbreact/package.json | 16 +++ examples/with-mdbreact/pages/_app.js | 10 ++ examples/with-mdbreact/pages/index.js | 118 ++++++++++++++++++++++ examples/with-mdbreact/public/favicon.ico | Bin 0 -> 15086 bytes examples/with-mdbreact/public/vercel.svg | 4 + examples/with-mdbreact/styles/globals.css | 16 +++ 8 files changed, 220 insertions(+) create mode 100644 examples/with-mdbreact/.gitignore create mode 100644 examples/with-mdbreact/README.md create mode 100644 examples/with-mdbreact/package.json create mode 100644 examples/with-mdbreact/pages/_app.js create mode 100644 examples/with-mdbreact/pages/index.js create mode 100644 examples/with-mdbreact/public/favicon.ico create mode 100644 examples/with-mdbreact/public/vercel.svg create mode 100644 examples/with-mdbreact/styles/globals.css diff --git a/examples/with-mdbreact/.gitignore b/examples/with-mdbreact/.gitignore new file mode 100644 index 0000000000000..87af23af33e81 --- /dev/null +++ b/examples/with-mdbreact/.gitignore @@ -0,0 +1,35 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +/.idea +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# local env files +.env.local +.env.development.local +.env.test.local +.env.production.local + +# vercel +.vercel diff --git a/examples/with-mdbreact/README.md b/examples/with-mdbreact/README.md new file mode 100644 index 0000000000000..cf86a6a202c8e --- /dev/null +++ b/examples/with-mdbreact/README.md @@ -0,0 +1,21 @@ +# mdbreact Example + +This example shows how to use Next.js with [material design bootstrap for react ](https://mdbootstrap.com/docs/react). + +## Deploy your own + +Deploy the example using [Vercel](https://vercel.com): + +[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https://github.com/vercel/next.js/tree/canary/examples/with-mdbreact) + +## 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-mdbreact +# or +yarn create next-app --example with-mdbreact +``` + +Deploy it to the cloud with [Vercel](https://vercel.com/import?filter=next.js&utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)). diff --git a/examples/with-mdbreact/package.json b/examples/with-mdbreact/package.json new file mode 100644 index 0000000000000..ae8407f3833c3 --- /dev/null +++ b/examples/with-mdbreact/package.json @@ -0,0 +1,16 @@ +{ + "name": "with-mdbreact", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev", + "build": "next build", + "start": "next start" + }, + "dependencies": { + "mdbreact": "^5.0.0", + "next": "10.0.3", + "react": "17.0.1", + "react-dom": "17.0.1" + } +} diff --git a/examples/with-mdbreact/pages/_app.js b/examples/with-mdbreact/pages/_app.js new file mode 100644 index 0000000000000..d19b16ba08f6f --- /dev/null +++ b/examples/with-mdbreact/pages/_app.js @@ -0,0 +1,10 @@ +import '@fortawesome/fontawesome-free/css/all.min.css' +import 'bootstrap-css-only/css/bootstrap.min.css' +import 'mdbreact/dist/css/mdb.css' +import '../styles/globals.css' + +function MyApp({ Component, pageProps }) { + return +} + +export default MyApp diff --git a/examples/with-mdbreact/pages/index.js b/examples/with-mdbreact/pages/index.js new file mode 100644 index 0000000000000..63110767b2eff --- /dev/null +++ b/examples/with-mdbreact/pages/index.js @@ -0,0 +1,118 @@ +import Head from 'next/head' +import { + MDBBtn, + MDBCard, + MDBCardBody, + MDBCardText, + MDBCardTitle, + MDBCol, + MDBContainer, + MDBFooter, + MDBRow, +} from 'mdbreact' + +export default function Home() { + return ( + <> + + NextJS with Material Design Bootstrap for React + + + +

+ Welcome to Next.js! +

+

+ Get started by editing pages/index.js +

+ + + + + Documentation + + Find in-depth information about Next.js features and API. + + + More → + + + + + + + + Learn + + Learn about Next.js in an interactive course with quizzes! + + + More → + + + + + + + + + + Examples + + Discover and deploy boilerplate example Next.js projects. + + + More → + + + + + + + + Deploy + + Instantly deploy your Next.js site to a public URL with + Vercel. + + + More → + + + + + + + Powered by + + Vercel Logo + + + + + ) +} diff --git a/examples/with-mdbreact/public/favicon.ico b/examples/with-mdbreact/public/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..4965832f2c9b0605eaa189b7c7fb11124d24e48a GIT binary patch literal 15086 zcmeHOOH5Q(7(R0cc?bh2AT>N@1PWL!LLfZKyG5c!MTHoP7_p!sBz0k$?pjS;^lmgJ zU6^i~bWuZYHL)9$wuvEKm~qo~(5=Lvx5&Hv;?X#m}i|`yaGY4gX+&b>tew;gcnRQA1kp zBbm04SRuuE{Hn+&1wk%&g;?wja_Is#1gKoFlI7f`Gt}X*-nsMO30b_J@)EFNhzd1QM zdH&qFb9PVqQOx@clvc#KAu}^GrN`q5oP(8>m4UOcp`k&xwzkTio*p?kI4BPtIwX%B zJN69cGsm=x90<;Wmh-bs>43F}ro$}Of@8)4KHndLiR$nW?*{Rl72JPUqRr3ta6e#A z%DTEbi9N}+xPtd1juj8;(CJt3r9NOgb>KTuK|z7!JB_KsFW3(pBN4oh&M&}Nb$Ee2 z$-arA6a)CdsPj`M#1DS>fqj#KF%0q?w50GN4YbmMZIoF{e1yTR=4ablqXHBB2!`wM z1M1ke9+<);|AI;f=2^F1;G6Wfpql?1d5D4rMr?#f(=hkoH)U`6Gb)#xDLjoKjp)1;Js@2Iy5yk zMXUqj+gyk1i0yLjWS|3sM2-1ECc;MAz<4t0P53%7se$$+5Ex`L5TQO_MMXXi04UDIU+3*7Ez&X|mj9cFYBXqM{M;mw_ zpw>azP*qjMyNSD4hh)XZt$gqf8f?eRSFX8VQ4Y+H3jAtvyTrXr`qHAD6`m;aYmH2zOhJC~_*AuT} zvUxC38|JYN94i(05R)dVKgUQF$}#cxV7xZ4FULqFCNX*Forhgp*yr6;DsIk=ub0Hv zpk2L{9Q&|uI^b<6@i(Y+iSxeO_n**4nRLc`P!3ld5jL=nZRw6;DEJ*1z6Pvg+eW|$lnnjO zjd|8>6l{i~UxI244CGn2kK@cJ|#ecwgSyt&HKA2)z zrOO{op^o*- + + \ No newline at end of file diff --git a/examples/with-mdbreact/styles/globals.css b/examples/with-mdbreact/styles/globals.css new file mode 100644 index 0000000000000..e5e2dcc23baf1 --- /dev/null +++ b/examples/with-mdbreact/styles/globals.css @@ -0,0 +1,16 @@ +html, +body { + padding: 0; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, + Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; +} + +a { + color: inherit; + text-decoration: none; +} + +* { + box-sizing: border-box; +} From b4067483ac4152d078a8f944800f590d2390c1ca Mon Sep 17 00:00:00 2001 From: Luis Alvarez Date: Thu, 31 Dec 2020 12:07:53 -0500 Subject: [PATCH 2/3] Updated readme --- examples/with-mdbreact/README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/examples/with-mdbreact/README.md b/examples/with-mdbreact/README.md index cf86a6a202c8e..ac623cc3d2142 100644 --- a/examples/with-mdbreact/README.md +++ b/examples/with-mdbreact/README.md @@ -1,6 +1,6 @@ # mdbreact Example -This example shows how to use Next.js with [material design bootstrap for react ](https://mdbootstrap.com/docs/react). +This example shows how to use [MDBReact](https://mdbootstrap.com/docs/react) with Next.js. ## Deploy your own @@ -13,9 +13,9 @@ Deploy the example using [Vercel](https://vercel.com): 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-mdbreact +npx create-next-app --example with-mdbreact with-mdbreact-app # or -yarn create next-app --example with-mdbreact +yarn create next-app --example with-mdbreact with-mdbreact-app ``` Deploy it to the cloud with [Vercel](https://vercel.com/import?filter=next.js&utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)). From 4b5ddb7a0f282b9ef2e62ffde86598fcb898849e Mon Sep 17 00:00:00 2001 From: Luis Alvarez Date: Thu, 31 Dec 2020 12:13:31 -0500 Subject: [PATCH 3/3] Updated package.json --- examples/with-mdbreact/package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/examples/with-mdbreact/package.json b/examples/with-mdbreact/package.json index ae8407f3833c3..e76af95a4d3a7 100644 --- a/examples/with-mdbreact/package.json +++ b/examples/with-mdbreact/package.json @@ -1,7 +1,6 @@ { "name": "with-mdbreact", "version": "0.1.0", - "private": true, "scripts": { "dev": "next dev", "build": "next build", @@ -9,8 +8,9 @@ }, "dependencies": { "mdbreact": "^5.0.0", - "next": "10.0.3", + "next": "latest", "react": "17.0.1", "react-dom": "17.0.1" - } + }, + "license": "MIT" }