iamwillbk
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by iamwillbk
-
-
Nevermind ^ lol
-
21 hours ago, Cassie said:
Ah! Pal I love your site - this is so beautifully put together - the theming is a lovely touch.
Can't wait to have a proper look through this course.Hey Cassie,
I really appreciate the compliment, I'm always trying to tweak things here and there, forever a work in progress 😆
I do want to create a tutorial on GSAP and https://theme-ui.com/ , which is the theming lib I use and It work's very well with GSAP.
Cheers,
Will
- 1
-
@Cassie, heyo 👋 I finally have an update to this, and almost 100% to where I want the tutorial to be. I plan to create the video dev-walkthrough of the entire app tomorrow and just add it to each section of the site. For now this is a good foundation for anyone just wanting to read through or is familiar with GSAP/React. Let me know thoughts and is feedback welcome. I'm still refining the wording and content in some areas as I walk through it the 10th time lol.
Start here: https://supwill.dev/learn/nextjs-gsap/nextjs-gsap
Thank you,
Will
- 3
-
I've started a repo for NextJS and GSAP, currently working on getting the written tutorials worked out. Here's a starter pack if anyone is interested:
https://github.com/iamwill123/nextjs-gsap
Let me know what you guys think or want to set PRs for stuff, open to it
- 3
-
18 hours ago, mkdarche said:
@iamwillbk Thank you! If I could, I would upvote your solution a thousand times. It worked perfectly after several attempts / variations of the Vercel way.
Since your screenshot, Vercel changed their environment variables slightly... No need to select Plaintext anymore, just make sure to start a new line for each line of the .npmrc
@mkdarche Hey I noticed that Vercel has indeed changed the way the env variables are added (confusing at first) but thank you for adding to this thread regarding the configs using Vercel 😁, and appreciate the shoutout! It took a minute to get those working initially, I'm working on gsap + nextjs tutorials, hopefully get something up this summer.
- 2
-
I have a working setup using yarn and vercel for anyone struggling to get it to work.
yarn -v
1.22.4
In .npmrc file
always-auth=true @gsap:registry=https://npm.greensock.com //npm.greensock.com/:_authToken=YOUR-TOKEN //registry.npmjs.org/:_authToken=YOUR-TOKEN
In package.json
"dependencies": { "@gsap/shockingly": "^3.6.0", ... "gsap": "npm:@gsap/shockingly", ... }
In your vercel project setting, go to environment variables and copy exact lines in the .npmrc file, see attached screenshot
I hope that helps 👍🏽
- 2
- 6
Freelance needed for a specific effect (teetering / wobbling tower)
in Jobs & Freelance
Posted
@echorley, hey I actually work at Articulate as a developer on the rise.com side, though I am familiar with storyline. If you can provide the image you plan to use (the best way to achieve the desired effect is using an SVG image), also if you are able to share the course preview link (with the image you want to animate, also adding in the "Give any object in your Storyline the 'accessibility name' of "myName" " from the https://community.articulate.com/discussions/articulate-storyline/gsap-3-5-1-latest-version-is-now-included-in-storyline-360), this way we can see what the DOM elements are so that we can target it to animate it.
I hope that makes sense.
- Will