The Ember Times - Issue No. 154
👋 Emberistas! 🐹
Check out the new addon ember-stargate 🌟, a new addon to integrate Netlify CMS with empress-blog 🎉, learn to SEOptimize your Ember app 💪 ✨, and last, but not least, a Readers' Question on how to become a writer for The Ember Times 📝!
Get ready for ember-stargate 🌟
Simon Ihmig (@simonihmig) announced a new addon called ember-stargate – a modern and lightweight take on portals in Ember.
“Portals” are a way to render things in a different place of the DOM tree than they are logically defined in the app. There are a number of existing solutions in the Ember ecosystem for the same problem such as ember-wormhole, ember-elsewhere, the native {{in-element}} (previously using the ember-in-element-polyfill).
The ember-stargate addon aims to solve this problem without using private APIs, Ember's component helper, or having to jump through hoops to implement. All you need to make a portal work is to define the content that should be sent through the portal using <Portal @target="some-target">, and the target - identified by its name - where it should be rendered to using <PortalTarget @name="some-target">.
For example, suppose you want to update the footer in application.hbs from a child route:
Route:
<Portal @target="footer-title">Step 1</Portal>
Application:
<footer class="sticky-footer">
<PortalTarget @name="footer-title" class="sticky-footer__title" />
</footer>
Read more and try it out at kaliber5/ember-stargate!
A new addon to integrate Netlify CMS with empress-blog 🎉
Integrating Netlify-CMS with Empress-blog is now super easy thanks to Robin Philip Thomas (@MalayaliRobz)! ✨✨✨ Just install the empress-blog-netlify-cms addon to your empress-blog project and enable Identity in netlify - your CMS is now ready! 🎉
You can check out the details of this exciting new addon in the GitHub repo.
Be sure to give empress-blog-netlify-cms a spin if you're thinking about using Netlify-CMS and have been curious about empress-blog.
The ultimate guide for SEOptimizing your Ember app 💪 ✨
Making sure that your application is search engine optimized (SEO) is crucial to improve the quanitity and the quality of its traffic derived from organic search engine results. And this week you can learn all about how to make your own Ember app SEO-proof, too!
In the third installment of his blog series "Ember Performance Tweaks", Ember Chennai organizer and blogger Abhilash L R (@abhilashlr) shows us how we can prepare our Ember apps for search engines using meta descriptions, title tags, Prember and much more!
Read the full post on Abhilash's personal blog today!
Readers' Questions: How can I become a writer for The Ember Times in the future? 📝
The Ember Times is made up of volunteers. We're always looking for more help! 🙂 This week, we got to answer a question that may have been on your mind (or, hopefully, starting today):
How can I become a writer for The Ember Times in the future?
Isaac Lee (@ijlee2), based on his experience, shared 3 steps to becoming a writer. Find out today how you can start contributing as an Ember Times writer!
Contributors' corner 👏
This week we'd like to thank @erinsinger93, @runspired, @rajasegar, @bmish, @rwjblue, @jaydgruber, @amyrlam, @richgt, @locks, @igorT, @pzuraq, @chrc, @snewcomer, @ijlee2, @hergaiety, @chrisrng, @jaredgalanis, @nickschot, @chancancode, @ChazJensen, @jenweber and @roderickdevelopers for their contributions to Ember and related repositories! 💖
Connect with us! 🤓
Wondering about something related to Ember, Ember Data, Glimmer, or addons in the Ember ecosystem, but don't know where to ask? Readers’ Questions are just for you!
Submit your own short and sweet question under bit.ly/ask-ember-core. And don’t worry, there are no silly questions, we appreciate them all - promise! 🤞
Want to write for the Ember Times? Have a suggestion for next week's issue? Join us at #support-ember-times on the Ember Community Discord or ping us @embertimes on Twitter.
Keep on top of what's been going on in Emberland this week by subscribing to our e-mail newsletter! You can also find our posts on the Ember blog.
That's another wrap! ✨
Be kind,
Chris Ng, Isaac Lee, Jessica Jordan, Jared Galanis, Amy Lam and the Learning Team