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.

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

BannerAnimations #11

Merged
merged 3 commits into from
Nov 14, 2018
Merged

BannerAnimations #11

merged 3 commits into from
Nov 14, 2018

Conversation

jhuashao
Copy link
Contributor

@jhuashao jhuashao commented Nov 8, 2018

Banner Animation created as a hero for Primer's Design Guidelines homepage website.

Incorporates:

Full Process Documentation located at this Issue:

@shawnbot

This comment has been minimized.

@shawnbot shawnbot changed the base branch from master to site November 9, 2018 18:44
@shawnbot shawnbot changed the base branch from site to master November 9, 2018 18:45
Co-authored-by: Josh <jhuashao@github.com>
@shawnbot
Copy link
Contributor

shawnbot commented Nov 9, 2018

If/when this builds, it should be available to preview at https://primer-design-banner.now.sh 🤞

@shawnbot
Copy link
Contributor

shawnbot commented Nov 9, 2018

TIL how to use dynamic, client-side-only imports in Next.js! 🚀

Copy link
Contributor

@shawnbot shawnbot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is rad, let's ship it!

import dynamic from 'next/dynamic'
import animation from './BannerAnimation.json'

const ReactBodymovin = dynamic(() => import('react-bodymovin'), {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For future reference: this was necessary because react-bodymovin doesn't work server-side.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

<3!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants