🎨 Best Practices with CSS: Colors
Master the use of colors in CSS to create visually stunning and accessible sites. Use modern CSS such as lch for color management.
Course of Next.js: Open Graph Images
Generate dynamic images in your Next.js projects for sharing on social media.
💸 First lesson available without registration 💸
If you use social networks, you will have seen the importance they give to open graph images, those that appear when you share a link.
These images are normally static, but with Next.js it is very easy to make them dynamic.
In this course, we will see:
- 🖼️ How to generate OG Images dynamically
- ♻️ How to make them generic to be able to reuse them
- 🧱 How to add dynamic OG images if you don't have a project based on React
In the course, we see a real case: How we created the og:images for Codely's courses.
Videos of the course
Related courses
🚋 Advanced TypeScript: Improve Your Developer eXperience
Learn how to enhance the definition of your functions with utility types, const type parameters, and satisfies that will allow you to gain robustness and ease of use in your day-to-day tasks.
🎠 Create your library in React: Carousel
Learn how to develop your own JavaScript library for React by joining us in the creation of the Carousel for our website while following best practices.
Pay according to your needs
lite (only monthly)
19 €
per month
- Access to a subset of courses to lay the foundation for maintainable, scalable, and testable code
- Company invoice
standard
24,92 €
Save 121 €
Annual payment of 299 €
per month- Full course catalog
- Design and architecture challenges
- Highlighted solutions videos for challenges
- Receive job offers verified by Codely
- Company invoice
premium
41,58 €
Save 89 €
Annual payment of 499 €
per month- All previous benefits
- Early access to new courses
- More benefits coming soon
We won’t increase the price while your subscription is active