Weekly Updates August 14th

Albiona Hoti
Webiny Blog
Published in
5 min readAug 14, 2020

🆕 What’s New In Webiny 4.8.0?

In this week’s release, we introduce a couple of improvements and fixes in different areas of Webiny. Let’s check them out!

🚀 Features

  • New CLI info command (#1171)

Ever found yourself looking for the URLs of the API and site you’ve previously deployed? If the answer is yes, well, don’t worry, we’ve been there too. 🙂

But, with this week’s release, this issue is the thing of the past. With the new yarn webiny info command, you immediately get all of the relevant URLs, across all of the environments you might've previously deployed.

Check the screenshot to see it in action!

CLI: webiny info

In this week’s release, we are introducing four new scaffolds that you can use to significantly speed up your development. Let’s take a look.

In order to access the list of all available scaffolds, run yarn webiny scaffold. From there, you can select the scaffold you need.

For more information on scaffolding, make sure to visit our official docs.

1. Admin App Module (#1170)

CLI: yarn webiny scaffold — Admin App Module template

Let’s start with the most important scaffold. The Admin App Module the scaffold will essentially create a new module in the Admin app. Meaning, it will generate a set of plugins that will insert a new section in the Admin app's main menu and create a new route that will render the default view that consists of a list of all records and a basic form. In other words, it's a view that provides the complete CRUD functionality, which can be then adjusted to your needs, by adjusting the GraphQL queries/mutations, the list, the form, and so on.

Admin App Module scaffold

2. React Application (#752)

CLI: React Application scaffold

By default, a new Webiny project comes with the Admin and Site apps, which you are free to expand in any way you might need. But, if those two apps are not enough, with the newly added React Application scaffold, you can easily create additional ones. Imagine you had a secure area on your public website that your users can access. In that case, this scaffold might be an ideal tool for you, as the secure area might be a totally separate app.

3. React Package (#1134)

CLI: React package scaffold

Next up, we have the React Package scaffold, which will essentially create a couple of simple files for getting started with a new React package, for example, creating a new React component or set of components.

4. Node Package (#1135)

Finally, the Node Package scaffold will enable you to quickly start with a simple Node.js package, similar to what the React Package scaffold is trying to do as well. This can be used to start creating libraries that you might need to share across all of your apps or APIs.

🐞 Bug Fixes

  • Scaffolding: update “exclude” and “reference” paths if needed (27085cf)
  • CWP templates: add a post-install script to properly link monorepo packages (ba1f28d)
  • Page Builder App: increase z index on File Manager overlay (#1157) (193d2fc)

⬇️ Try the Latest Release

Give Webiny a try by following our Quick Start, which will guide you through the initial setup steps.

And, just in case you’ve missed it, check out the full changelog.

🙌 Community Updates

🔭 Webiny Solutions

With Webiny, you can build Serverless Websites, Web Applications, APIs, and Microservices. We understand that no project is the same; our team is here for you.

Book a demo call with us, and we’ll happily answer any questions you have 🚀

📚Knowledge sharing

Commodo
Commodo
is a library of higher-order functions that let you define and compose rich data models. This week, Webiny’s top contributor Adrian goes through the basics of Commodo.

Check out our YouTube videos on:

01. Commodo Introduction

02. Core Ideas

03. The Basics

04. Data Validation

05. Nested Fields

06. List Fields

Stay tuned for more Commodo videos next week 🚀

Commodo

🚥 Webiny Headless CMS Guides

Check out our guides on Headless CMS with React, Vue.js, Angular, and many other technologies.

This time, you will learn how to use the popular React Native framework (a framework for building native apps using React) with the Webiny Headless CMS.

Webiny’s developer Ashu, walks you through the guide. Check out the highlight video below.

React Native + Headless CMS

🤝 Get Involved

We encourage everyone to get involved and contribute, regardless of their experience level. Read the contributing guide, and if you still run into problems, just give us a ping on Slack, we will help you out.

Our development team is on standby to help your in-house team to learn and adopt Webiny — all free of cost!

🚀 We are hiring

We are looking for a member to join our team.
If you are interested? Apply for the Full-Stack JavaScript Engineer role.

Since we are a small team, in this role, you’ll have a significant opportunity to directly influence the technical and product design choices we will make.

--

--