Netlify cms example #8949

masives · 2019-10-03T10:52:10Z

I've created an example on how to use next.js with Netlify CMS (open source CMS for managing md files that are commited to github). Maybe it's worth adding to example list.

Netlify CMS creates md files for each blog post in content/blogPosts. We parse markdown with frontmatter in /pages/blog/post/[slug.js]. Also each post is created as separate static site. I'm happy to provide further explanation if necessary

update fork

ijjk · 2019-10-05T14:19:44Z

Stats from current PR

Default Server Mode

General

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
buildDuration	15.8s	16.6s	⚠️ +742ms
nodeModulesSize	48.3 MB	48.3 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..2b8407376.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..7376.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..6604acae7.js	43.2 kB	43.2 kB	✓
de003c3a9d30..cae7.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..42.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Rendered Page Sizes

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
index.html	3.62 kB	3.62 kB	✓
index.html gzip	946 B	946 B	✓
link.html	3.66 kB	3.66 kB	✓
link.html gzip	954 B	954 B	✓
withRouter.html	3.67 kB	3.67 kB	✓
withRouter.html gzip	942 B	942 B	✓
Overall change	10.9 kB	10.9 kB	✓

Serverless Mode

General

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
buildDuration	16.9s	16.7s	-196ms
nodeModulesSize	48.3 MB	48.3 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
4952ddcd88e7..2b8407376.js	21.9 kB	21.9 kB	✓
4952ddcd88e7..7376.js gzip	7.81 kB	7.81 kB	✓
de003c3a9d30..6604acae7.js	43.2 kB	43.2 kB	✓
de003c3a9d30..cae7.js gzip	15.5 kB	15.5 kB	✓
framework.5b..dbaff70d3.js	125 kB	125 kB	✓
framework.5b..70d3.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..42.module.js	45.6 kB	45.6 kB	✓
de003c3a9d30..dule.js gzip	16.5 kB	16.5 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_app.js	1.81 kB	1.81 kB	✓
_app.js gzip	873 B	873 B	✓
_error.js	12 kB	12 kB	✓
_error.js gzip	4.73 kB	4.73 kB	✓
hooks.js	12.7 kB	12.7 kB	✓
hooks.js gzip	4.79 kB	4.79 kB	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.14 kB	8.14 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	408 B	408 B	✓
routerDirect.js gzip	281 B	281 B	✓
withRouter.js	419 B	419 B	✓
withRouter.js gzip	280 B	280 B	✓
Overall change	35.8 kB	35.8 kB	✓

Client Pages Modern

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_app.module.js	1.7 kB	1.7 kB	✓
_app.module.js gzip	832 B	832 B	✓
_error.module.js	23.3 kB	23.3 kB	✓
_error.module.js gzip	8.59 kB	8.59 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	793 B	793 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.68 kB	3.68 kB	✓
routerDirect.module.js	394 B	394 B	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.module.js	404 B	404 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	36.1 kB	36.1 kB	✓

Client Build Manifests

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_buildManifest.js	81 B	81 B	✓
_buildManifest.js gzip	61 B	61 B	✓
_buildManifest.module.js	81 B	81 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	162 B	162 B	✓

Serverless bundles

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_error.js	253 kB	253 kB	✓
_error.js gzip	67.9 kB	67.9 kB	✓
hooks.html	3.75 kB	3.75 kB	✓
hooks.html gzip	979 B	979 B	✓
index.js	254 kB	254 kB	✓
index.js gzip	68.2 kB	68.2 kB	✓
link.js	261 kB	261 kB	✓
link.js gzip	70.3 kB	70.3 kB	✓
routerDirect.js	255 kB	255 kB	✓
routerDirect.js gzip	68.3 kB	68.3 kB	✓
withRouter.js	254 kB	254 kB	✓
withRouter.js gzip	68.4 kB	68.4 kB	✓
Overall change	1.28 MB	1.28 MB	✓

Timer

Happy to land this if linting is fixed:

  /home/circleci/repo/examples/netlifycms/components/layout/index.jsx:1:26: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/components/layout/index.jsx:2:29: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/components/layout/index.jsx:35:4: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/components/layout/index.jsx:36:2: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/components/layout/index.jsx:38:22: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:1:41: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:4:31: Missing space before function parentheses.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:5:27: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:6:82: Expected error to be handled.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:6:96: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:8:24: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:10:9: Missing space before function parentheses.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:11:58: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:15:39: Unexpected trailing comma.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:16:36: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:34:6: Extra semicolon.
  /home/circleci/repo/examples/netlifycms/pages/blog/post/[slug].js:38:20: Extra semicolon.

…ves/8949

ijjk · 2019-10-19T23:28:16Z

Stats from current PR

Default Server Mode

General

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
buildDuration	16.8s	16.8s	⚠️ +9ms
nodeModulesSize	48.5 MB	48.5 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
16b1a7225520..4a7b46563.js	14.9 kB	14.9 kB	✓
16b1a7225520..6563.js gzip	5.38 kB	5.38 kB	✓
4952ddcd88e7..bfe360fe6.js	10.5 kB	10.5 kB	✓
4952ddcd88e7..0fe6.js gzip	4.06 kB	4.06 kB	✓
commons.HASH.js	11.3 kB	11.3 kB	✓
commons.HASH.js gzip	4.23 kB	4.23 kB	✓
de003c3a9d30..9e9c1d310.js	28.6 kB	28.6 kB	✓
de003c3a9d30..d310.js gzip	10.8 kB	10.8 kB	✓
framework.1b..cdcfe1283.js	125 kB	125 kB	✓
framework.1b..1283.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
16b1a7225520..d2.module.js	10.8 kB	10.8 kB	✓
16b1a7225520..dule.js gzip	4.05 kB	4.05 kB	✓
4952ddcd88e7..4a.module.js	12.8 kB	12.8 kB	✓
4952ddcd88e7..dule.js gzip	4.75 kB	4.75 kB	✓
de003c3a9d30..11.module.js	22.1 kB	22.1 kB	✓
de003c3a9d30..dule.js gzip	8.68 kB	8.68 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_app.js	1.63 kB	1.63 kB	✓
_app.js gzip	788 B	788 B	✓
_error.js	12.3 kB	12.3 kB	✓
_error.js gzip	4.79 kB	4.79 kB	✓
hooks.js	1.51 kB	1.51 kB	✓
hooks.js gzip	789 B	789 B	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.15 kB	8.15 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	413 B	413 B	✓
routerDirect.js gzip	285 B	285 B	✓
withRouter.js	423 B	423 B	✓
withRouter.js gzip	284 B	284 B	✓
Overall change	24.7 kB	24.7 kB	✓

Client Pages Modern

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_app.module.js	1.54 kB	1.54 kB	✓
_app.module.js gzip	756 B	756 B	✓
_error.module.js	10.6 kB	10.6 kB	✓
_error.module.js gzip	4.28 kB	4.28 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	794 B	794 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.69 kB	3.69 kB	✓
routerDirect.module.js	399 B	399 B	✓
routerDirect..dule.js gzip	285 B	285 B	✓
withRouter.module.js	409 B	409 B	✓
withRouter.m..dule.js gzip	282 B	282 B	✓
Overall change	23.3 kB	23.3 kB	✓

Client Build Manifests

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_buildManifest.js	244 B	244 B	✓
_buildManifest.js gzip	200 B	200 B	✓
_buildManifest.module.js	251 B	251 B	✓
_buildManife..dule.js gzip	209 B	209 B	✓
Overall change	495 B	495 B	✓

Rendered Page Sizes

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
index.html	3.94 kB	3.94 kB	✓
index.html gzip	1 kB	1 kB	✓
link.html	4.47 kB	4.47 kB	✓
link.html gzip	1.08 kB	1.08 kB	✓
withRouter.html	4.47 kB	4.47 kB	✓
withRouter.html gzip	1.07 kB	1.07 kB	✓
Overall change	12.9 kB	12.9 kB	✓

Serverless Mode

General

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
buildDuration	18s	17.1s	-975ms
nodeModulesSize	48.5 MB	48.5 MB	✓

Client Bundles (main, webpack, commons)

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
main-HASH.js	18.9 kB	18.9 kB	✓
main-HASH.js gzip	6.79 kB	6.79 kB	✓
webpack-HASH.js	1.53 kB	1.53 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
16b1a7225520..4a7b46563.js	14.9 kB	14.9 kB	✓
16b1a7225520..6563.js gzip	5.38 kB	5.38 kB	✓
4952ddcd88e7..bfe360fe6.js	10.5 kB	10.5 kB	✓
4952ddcd88e7..0fe6.js gzip	4.06 kB	4.06 kB	✓
commons.HASH.js	11.3 kB	11.3 kB	✓
commons.HASH.js gzip	4.23 kB	4.23 kB	✓
de003c3a9d30..9e9c1d310.js	28.6 kB	28.6 kB	✓
de003c3a9d30..d310.js gzip	10.8 kB	10.8 kB	✓
framework.1b..cdcfe1283.js	125 kB	125 kB	✓
framework.1b..1283.js gzip	39.4 kB	39.4 kB	✓
Overall change	211 kB	211 kB	✓

Client Bundles (main, webpack, commons) Modern

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
main-HASH.module.js	17.2 kB	17.2 kB	✓
main-HASH.module.js gzip	6.52 kB	6.52 kB	✓
webpack-HASH.module.js	1.53 kB	1.53 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
16b1a7225520..d2.module.js	10.8 kB	10.8 kB	✓
16b1a7225520..dule.js gzip	4.05 kB	4.05 kB	✓
4952ddcd88e7..4a.module.js	12.8 kB	12.8 kB	✓
4952ddcd88e7..dule.js gzip	4.75 kB	4.75 kB	✓
de003c3a9d30..11.module.js	22.1 kB	22.1 kB	✓
de003c3a9d30..dule.js gzip	8.68 kB	8.68 kB	✓
framework.5b..d3.module.js	125 kB	125 kB	✓
framework.5b..dule.js gzip	39.4 kB	39.4 kB	✓
Overall change	190 kB	190 kB	✓

Client Pages

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_app.js	1.63 kB	1.63 kB	✓
_app.js gzip	788 B	788 B	✓
_error.js	12.3 kB	12.3 kB	✓
_error.js gzip	4.79 kB	4.79 kB	✓
hooks.js	1.51 kB	1.51 kB	✓
hooks.js gzip	789 B	789 B	✓
index.js	318 B	318 B	✓
index.js gzip	222 B	222 B	✓
link.js	8.15 kB	8.15 kB	✓
link.js gzip	3.5 kB	3.5 kB	✓
routerDirect.js	413 B	413 B	✓
routerDirect.js gzip	285 B	285 B	✓
withRouter.js	423 B	423 B	✓
withRouter.js gzip	284 B	284 B	✓
Overall change	24.7 kB	24.7 kB	✓

Client Pages Modern

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_app.module.js	1.54 kB	1.54 kB	✓
_app.module.js gzip	756 B	756 B	✓
_error.module.js	10.6 kB	10.6 kB	✓
_error.module.js gzip	4.28 kB	4.28 kB	✓
hooks.module.js	1.52 kB	1.52 kB	✓
hooks.module.js gzip	794 B	794 B	✓
index.module.js	294 B	294 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js	8.53 kB	8.53 kB	✓
link.module.js gzip	3.69 kB	3.69 kB	✓
routerDirect.module.js	399 B	399 B	✓
routerDirect..dule.js gzip	285 B	285 B	✓
withRouter.module.js	409 B	409 B	✓
withRouter.m..dule.js gzip	282 B	282 B	✓
Overall change	23.3 kB	23.3 kB	✓

Client Build Manifests

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_buildManifest.js	244 B	244 B	✓
_buildManifest.js gzip	200 B	200 B	✓
_buildManifest.module.js	251 B	251 B	✓
_buildManife..dule.js gzip	209 B	209 B	✓
Overall change	495 B	495 B	✓

Serverless bundles

	zeit/next.js canary	masives/next.js netlify-cms-example	Change
_error.js	234 kB	234 kB	✓
_error.js gzip	62.8 kB	62.8 kB	✓
hooks.html	4.08 kB	4.08 kB	✓
hooks.html gzip	1.03 kB	1.03 kB	✓
index.js	235 kB	235 kB	✓
index.js gzip	62.9 kB	62.9 kB	✓
link.js	267 kB	267 kB	✓
link.js gzip	71.9 kB	71.9 kB	✓
routerDirect.js	260 kB	260 kB	✓
routerDirect.js gzip	69.9 kB	69.9 kB	✓
withRouter.js	260 kB	260 kB	✓
withRouter.js gzip	69.8 kB	69.8 kB	✓
Overall change	1.26 MB	1.26 MB	✓

Commit: 89f3a6a

I've updated most of the example, including the requested changes

Netlify cms example (vercel#8949)

masives and others added 2 commits October 3, 2019 11:22

Merge pull request #1 from zeit/canary

08ec52a

update fork

add netlifycms example

10a0e5a

masives requested review from lfades and Timer as code owners October 3, 2019 10:52

Merge branch 'canary' into netlify-cms-example

ff06b47

Timer previously requested changes Oct 16, 2019

View reviewed changes

Timer added the examples Issue was opened via the examples template. label Oct 16, 2019

Luis Alvarez added 5 commits October 19, 2019 17:30

Updated everything

adc5ffb

Moved the layout out of _app

c0bbcfc

Updated next to latest

bc044a8

applied prettier and linter

0da6efc

Merge branch 'canary' of https://github.com/zeit/next.js into pr/masi…

89f3a6a

…ves/8949

Luis Alvarez added 4 commits October 19, 2019 18:35

Removed unrequired files

fafbfbc

Moved to with-netlify-cms

c5da660

updated readme to reflect the new name

ea6610d

Added license field

dcff91d

lfades approved these changes Oct 19, 2019

View reviewed changes

lfades merged commit d94d270 into vercel:canary Oct 19, 2019

rajendraarora16 added a commit to rajendraarora16/next.js that referenced this pull request Oct 20, 2019

Merge pull request #214 from zeit/canary

e23af0b

Netlify cms example (vercel#8949)

snyk-bot mentioned this pull request Nov 25, 2019

[Snyk] Upgrade next from 9.0.4 to 9.1.3 ajesse11x/now-examples#17

Open

vercel locked as resolved and limited conversation to collaborators Feb 1, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Netlify cms example #8949

Netlify cms example #8949

masives commented Oct 3, 2019

ijjk commented Oct 5, 2019

Timer left a comment

ijjk commented Oct 19, 2019

Netlify cms example #8949

Netlify cms example #8949

Conversation

masives commented Oct 3, 2019

ijjk commented Oct 5, 2019

Stats from current PR

Timer left a comment

Choose a reason for hiding this comment

ijjk commented Oct 19, 2019

Stats from current PR