CMS Cosmic Example #13499

jazibsawar · 2020-05-28T14:58:27Z

This PR is to add Next.js Blog example for Cosmic Headless CMS

Readme updates

…s/canary

ijjk · 2020-06-04T17:20:42Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General

	vercel/next.js canary	cosmicjs/next.js canary	Change
buildDuration	11.9s	11.7s	-210ms
nodeModulesSize	66 MB	66 MB	✓

Page Load Tests Overall increase ✓

	vercel/next.js canary	cosmicjs/next.js canary	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.227	2.148	-0.08
/ avg req/sec	1122.44	1163.65	⚠️ +41.21
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.36	1.327	-0.03
/error-in-render avg req/sec	1838.08	1884.37	⚠️ +46.29

Client Bundles (main, webpack, commons)

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	cosmicjs/next.js canary	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	cosmicjs/next.js canary	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	vercel/next.js canary	cosmicjs/next.js canary	Change
index.html gzip	924 B	924 B	✓
link.html gzip	934 B	934 B	✓
withRouter.html gzip	922 B	922 B	✓
Overall change	2.78 kB	2.78 kB	✓

Serverless Mode

General

	vercel/next.js canary	cosmicjs/next.js canary	Change
buildDuration	12.9s	12.6s	-234ms
nodeModulesSize	66 MB	66 MB	✓

Client Bundles (main, webpack, commons)

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	cosmicjs/next.js canary	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	cosmicjs/next.js canary	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	vercel/next.js canary	cosmicjs/next.js canary	Change
_error.js	878 kB	878 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	879 kB	879 kB	✓
link.js	916 kB	916 kB	✓
routerDirect.js	909 kB	909 kB	✓
withRouter.js	909 kB	909 kB	✓
Overall change	4.5 MB	4.5 MB	✓

lfades

Great example, amazing work 💯 🥇

examples/cms-cosmic/.gitignore

ijjk · 2020-06-04T17:33:12Z

Stats from current PR

Default Server Mode (Decrease detected ✓)

General

	vercel/next.js canary	cosmicjs/next.js canary	Change
buildDuration	13.5s	13.5s	-14ms
nodeModulesSize	66 MB	66 MB	✓

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	cosmicjs/next.js canary	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.323	2.396	⚠️ +0.07
/ avg req/sec	1075.98	1043.49	-32.49
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.461	1.504	⚠️ +0.04
/error-in-render avg req/sec	1710.92	1662.43	-48.49

Client Bundles (main, webpack, commons)

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	cosmicjs/next.js canary	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	cosmicjs/next.js canary	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	vercel/next.js canary	cosmicjs/next.js canary	Change
index.html gzip	924 B	924 B	✓
link.html gzip	934 B	934 B	✓
withRouter.html gzip	922 B	922 B	✓
Overall change	2.78 kB	2.78 kB	✓

Serverless Mode

General

	vercel/next.js canary	cosmicjs/next.js canary	Change
buildDuration	14.4s	14.7s	⚠️ +279ms
nodeModulesSize	66 MB	66 MB	✓

Client Bundles (main, webpack, commons)

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.js gzip	6.59 kB	6.59 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.module.js gzip	5.67 kB	5.67 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	cosmicjs/next.js canary	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	cosmicjs/next.js canary	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	vercel/next.js canary	cosmicjs/next.js canary	Change
_error.js	878 kB	878 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	879 kB	879 kB	✓
link.js	916 kB	916 kB	✓
routerDirect.js	909 kB	909 kB	✓
withRouter.js	909 kB	909 kB	✓
Overall change	4.5 MB	4.5 MB	✓

lfades

Approving again after removing the local .gitignore and manual download step

ijjk · 2020-06-04T17:44:31Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General

	vercel/next.js canary	cosmicjs/next.js canary	Change
buildDuration	12.1s	12s	-113ms
nodeModulesSize	66 MB	66 MB	✓

Page Load Tests Overall increase ✓

	vercel/next.js canary	cosmicjs/next.js canary	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.046	2.034	-0.01
/ avg req/sec	1221.65	1228.93	⚠️ +7.28
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.195	1.164	-0.03
/error-in-render avg req/sec	2091.83	2147.94	⚠️ +56.11

Client Bundles (main, webpack, commons)

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.js gzip	6.61 kB	6.61 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.module.js gzip	5.69 kB	5.69 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	cosmicjs/next.js canary	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	cosmicjs/next.js canary	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Rendered Page Sizes

	vercel/next.js canary	cosmicjs/next.js canary	Change
index.html gzip	925 B	925 B	✓
link.html gzip	935 B	935 B	✓
withRouter.html gzip	923 B	923 B	✓
Overall change	2.78 kB	2.78 kB	✓

Serverless Mode

General

	vercel/next.js canary	cosmicjs/next.js canary	Change
buildDuration	13.2s	13s	-254ms
nodeModulesSize	66 MB	66 MB	✓

Client Bundles (main, webpack, commons)

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.js gzip	6.61 kB	6.61 kB	✓
webpack-HASH.js gzip	746 B	746 B	✓
de003c3a9d30..6c2a.js gzip	10.5 kB	10.5 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
Overall change	57 kB	57 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
main-HASH.module.js gzip	5.69 kB	5.69 kB	✓
webpack-HASH..dule.js gzip	746 B	746 B	✓
de003c3a9d30..dule.js gzip	6.93 kB	6.93 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
Overall change	52.5 kB	52.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	cosmicjs/next.js canary	Change
polyfills-HASH.js gzip	26.3 kB	26.3 kB	✓
Overall change	26.3 kB	26.3 kB	✓

Client Pages

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.js gzip	1.26 kB	1.26 kB	✓
_error.js gzip	3.25 kB	3.25 kB	✓
hooks.js gzip	881 B	881 B	✓
index.js gzip	222 B	222 B	✓
link.js gzip	2.05 kB	2.05 kB	✓
routerDirect.js gzip	279 B	279 B	✓
withRouter.js gzip	278 B	278 B	✓
Overall change	8.21 kB	8.21 kB	✓

Client Pages Modern

	vercel/next.js canary	cosmicjs/next.js canary	Change
_app.module.js gzip	604 B	604 B	✓
_error.module.js gzip	2.04 kB	2.04 kB	✓
hooks.module.js gzip	383 B	383 B	✓
index.module.js gzip	223 B	223 B	✓
link.module.js gzip	1.51 kB	1.51 kB	✓
routerDirect..dule.js gzip	281 B	281 B	✓
withRouter.m..dule.js gzip	278 B	278 B	✓
Overall change	5.32 kB	5.32 kB	✓

Client Build Manifests

	vercel/next.js canary	cosmicjs/next.js canary	Change
_buildManifest.js gzip	61 B	61 B	✓
_buildManife..dule.js gzip	61 B	61 B	✓
Overall change	122 B	122 B	✓

Serverless bundles

	vercel/next.js canary	cosmicjs/next.js canary	Change
_error.js	878 kB	878 kB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.81 kB	3.81 kB	✓
index.js	878 kB	878 kB	✓
link.js	916 kB	916 kB	✓
routerDirect.js	909 kB	909 kB	✓
withRouter.js	909 kB	909 kB	✓
Overall change	4.5 MB	4.5 MB	✓

* Add Cosmic CMS Example * with native .env support, this file isn't needed anymore * FIX use path alias * Add cosmicjs package * Fix alias import in pages/api/preview * Added: react-imgix & lazysizes package * Load lazysizes in layout * Used imgix image with lazyloading * Added avatar imgix optimizations * EDITED: steps to install content, preview * EDITED: demo link * EDITED: Install step * EDITED: preview link steps * Edited: demo link * FIXED: object_slug * Screenshots * Fixed object_slug link * Update README.md * Fix: formatting issue * Updated readme and renamed .env to env.local * Sanity checks * Handle fallback data when expected * Added link to the example in other examples * Updated demo deployment * Added example to docs * minor lint fix * Remove manual download step * use vercel.json Co-authored-by: Tony Spiro <tspiro@tonyspiro.com> Co-authored-by: Luis Alvarez <luis@vercel.com>

jazibsawar and others added 19 commits May 21, 2020 21:33

Add Cosmic CMS Example

b030cb8

with native .env support, this file isn't needed anymore

f423f19

FIX use path alias

3e447b7

Add cosmicjs package

b214f20

Fix alias import in pages/api/preview

dec984b

Added: react-imgix & lazysizes package

022d349

Load lazysizes in layout

65b2c72

Used imgix image with lazyloading

07967fc

Added avatar imgix optimizations

a75e89a

EDITED: steps to install content, preview

e869a99

EDITED: demo link

0654ca9

EDITED: Install step

c99a915

EDITED: preview link steps

97b062d

Edited: demo link

5b714f0

Merge pull request #1 from cosmicjs/readme-updates

232b852

Readme updates

FIXED: object_slug

9bb9f4a

Screenshots

848d797

Fixed object_slug link

445bdb4

Update README.md

b2c2f21

jazibsawar requested review from lfades and Timer as code owners May 28, 2020 14:58

jazibsawar added 3 commits May 28, 2020 17:58

Merge branch 'canary' into canary

590839b

Fix: formatting issue

32ffe30

Merge branch 'canary' into canary

c289f00

rafaelalmeidatk added the examples Issue/PR related to examples label Jun 3, 2020

lfades added 5 commits June 3, 2020 23:29

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

d6bd254

…s/canary

Updated readme and renamed .env to env.local

ef7d438

Sanity checks

22ceed7

Handle fallback data when expected

e0f10ed

Added link to the example in other examples

eb1b0a6

lfades added 2 commits June 4, 2020 12:09

Updated demo deployment

91ee54b

Added example to docs

cf7c141

jazibsawar requested review from chibicode, ijjk and timneutkens as code owners June 4, 2020 17:12

minor lint fix

3ee6bd9

lfades previously approved these changes Jun 4, 2020

View reviewed changes

Timer added this to the 9.4.5 milestone Jun 4, 2020

Timer requested changes Jun 4, 2020

View reviewed changes

examples/cms-cosmic/.gitignore Outdated Show resolved Hide resolved

Remove manual download step

b97d9e7

lfades dismissed their stale review via b97d9e7 June 4, 2020 17:35

use vercel.json

a35b54d

lfades approved these changes Jun 4, 2020

View reviewed changes

Timer approved these changes Jun 4, 2020

View reviewed changes

lfades merged commit 6ce7a03 into vercel:canary Jun 4, 2020

vercel locked as resolved and limited conversation to collaborators Jan 30, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

CMS Cosmic Example #13499

CMS Cosmic Example #13499

jazibsawar commented May 28, 2020

ijjk commented Jun 4, 2020

lfades left a comment

ijjk commented Jun 4, 2020

lfades left a comment

ijjk commented Jun 4, 2020

CMS Cosmic Example #13499

CMS Cosmic Example #13499

Conversation

jazibsawar commented May 28, 2020

ijjk commented Jun 4, 2020

Stats from current PR

lfades left a comment

Choose a reason for hiding this comment

ijjk commented Jun 4, 2020

Stats from current PR

lfades left a comment

Choose a reason for hiding this comment

ijjk commented Jun 4, 2020

Stats from current PR