Introduction

No response

Goals

We will build a simple list of paginated content using Vue.js and Webiny Headless CMS

Outline

• Introduction
• How pagination works in Webiny Headless CMS APIs
• Paginating a Vue blog using next / previous
• Paginating a Vue blog with numbered pages
• Conclusion

Sample articles

No response

Introduction

Creating a smart contract that can be deployed by clicking a button and allowing us to see and find the actual price of ETH to USD and we can buy a token.

Goals

In this article, readers will learn how to integrate smart contracts in their front-end development and allow users to buy coins with a click of the button

Outline

1. Introduction (Why is this topic important)
2. Create a smart contract using solidity
   • Using remix code editor
   • using a local code editor(vs code)
3. Create a frontend button using JavaScript
   • Writing our structure, HTML, Tailwind CSS,
4. Allow an API to get data from our solidity and show output
5. conclusion
6. Resources

Sample articles

https://blog.logrocket.com/how-deploy-smart-contracts-iota/

Introduction

With most CMS you have to manage images as part of a separate service. But Webiny has a built-in alternative to Cloudinary, imgx and other services that you can use to fetch images from a CDN, saving you money, build times and still hitting that important first contentful paint metric.

Goals

• Brief tour of Webiny CMS file manager
• Show how to fetch & render images from the API using the srcset attribute
• Positive comparison to other offerings

Outline

• General introduction
• Introduction to Webiny File Manager & Advantages of Webiny File Manager
• How to upload images to the File Manager
• How to duplicate, rename, delete, files in the File Manager
• Performing image editing in the file manager
• Connecting to and fetching images from the GraphQL API
• Rendering images using HTML srcset
• Rendering images from Webiny without layout shift (also known as CLS or cumulative layout shift) issues
• Positive comparison to other offerings
• Summary

Sample articles

No response

Introduction

Serverless infrastructure has many benefits when it comes to building modern applications. These benefits include lower latency, reduced costs, quicker deployments, and many more. With a serverless application framework like Webiny, we can build modern applications powered by serverless architecture.

In this tutorial, we're going to see how we can build a full-stack application by leveraging on Webiny as a Headless CMS. We'll be building a Pinterest clone with Webiny and Nuxt 3, where users would be register and sign in to the app, create pins and view other pins created by other users.

We'll cover how Webiny works as a Serverless CMS and we'll walk through the process of creating, configuring, and deploying a Webiny project and with a GraphQL API. Then, we connect it to a Nuxt frontend with authentication, build out the functionality for creating and viewing pins.

Goals

This article aims to introduce readers to the concept Headless CMS and creating applications with serverless infrastructure with Webiny.

Outline

In this article we'll cover the following main parts:

• Brief introduction to Serverless, Headless CMS
• What is Webiny
• Setting up and deploying a Webiny project
• Configuring the GraphQL API
• Headless CMS GraphQL API security layer
• Building CRUD endpoints
• Implementing authentication and authorization on the GraphQL API
• Setting up the front end
• Building the CRUD functionality
• Conclusion
• Resources

I would like to submit this article as a tutorial.

Sample articles

Here are a few

• How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch
• Build a Link Previewer with Puppeteer and Serverless Functions

Introduction

In this tuorial the reader will learn how to build a blog application using the Astrojs authorig integration. They will learn how to setup a Webiny account to store the blog records.

Goals

In this article, we will learn about the Webiny CMS and how we can use it in an Astrojs application by working on building a Blog app.

Outline

• What is a Headless CMS?
• Why use Webiny CMS?
• Building a To-Do application? -- Installing dependencies -- Creating an input section -- Add To-Do list display
• Setting up Webiny CMS -- Content Structure -- Connecting the CMS to the application
• Setup Project
• Install Dependencies
• Create Components
• Create Markdown Pages
• Create a Layout
• Use Frontmatter
• Final Result
• Conclusion
• Resources

Sample articles

https://blog.openreplay.com/building-a-react-app-with-vite https://blog.openreplay.com/creating-a-theme-in-gatsby-with-stitches https://blog.openreplay.com/build-a-lightweight-web-component-with-lit-js https://blog.openreplay.com/beautiful-ui-components-with-nextui https://blog.openreplay.com/static-website-using-ilesjs-and-vue

Introduction

Building an application to host quizzes is a popular coding challenge. Often though, the questions and answers are hard-coded into the application itself. But what if you needed to update them? In this article, we will store questions and answers in Webiny Headless CMS and render a quiz UI using Angular.

Goals

No response

Outline

• Introduction
• Prerequisites
• Introduction to Webiny
• • Setting up our Webiny Headless CMS
• • Defining Content Model in the Admin App
• • Adding content
• Setting up the Frontend application
• • Initiating an Angular app
• • Building the interface with Angular
• • Fetching all questions
• • Rendering the questions
• • Building the quiz functionality
• Conclusion

Sample articles

No response

Introduction

One of the de facto standards of tackling how decoupled systems interact together is by building APIs. In recent years, GraphQL and Jamstack solutions has gained popularity in developing experiencs. GraphQL spec uses a declarative query language that favors flexible queries to your client's demands. On the backend, you create a strongly typed schema to resolve data so the clients can send arbitrary queries for the exact data they want, which you will validate against your schema.

This article will explain how we can leverage various authorization strategies in a Jamstack architecture.

Goals

We will build an authorization system with GraphQL and discuss how this can be implemented in a Jamstack architecture.

Outline

• What is Jamstack?
• Role based access controls
• Attribute based access controls
• Authorization at resolvers
• App-wide authorization
• Authorization at the data layers
• Global authorization with Cerbos - a tool that turns authorization logic into configuration
• Best practices
• Conclusion

Sample articles

No response

Introduction

Building and maintaining applications can be overwhelming as it requires a lot of time, effort, and techniques to build both the backend and front end from scratch. But with headless CMS, developers have to focus less on the backend. This article will explore some benefits of using a headless CMS like Webiny as a developer.

Goals

This article aims to inform the readers of the benefits of using headless CMS as their application backend.

Outline

[Here is the sample outline.

• Introduction
• Overview of headless CMS
• What is webiny
• Webiny Installation
• Benefits of using headless cms as a developer -- Cross-platform Content Sharing -- SEO Optimization -- Less maintenance -- Effective Team workflow -- SEO Optimization -- User-Friendly -- Jamstick technology -- Plugin
• Conclusion
• Resources]

Sample articles

https://strapi.io/blog/boosting-productivity-with-strapi-plugins?utm_campaign=Strapi%20Blog&utm_source=devto&utm_medium=blog

https://strapi.io/blog/webhooks

https://dev.to/popoolatopzy/connecting-node-js-with-mysql-database-36dh

Introduction

Job Board applications are a way for employers to advertise job vacancies to potential employees or freelancers.

Job Board applications like Upwork, freelancer and other on company websites are a great way to advertise vacancies for potential talent to join their company or to complete a project.

Goals

In this article, we will learn about the Webiny CMS and how we can use it in a Vue application by building a job Board application.

Outline

• Prequisites
• What will be build
• Webiny CMS
• Admin section
• Content Structure for Job Board
• Creating content for the backend
• Building the frontend for the Job Board
• Creating a Vue Application using Vite
• Laying out the application
• Connecting the CMS to the application
• GraphQl
• Adding Jobs
• Removing Jobs
  • Conclusion
  • Resources

Sample articles

No response

Introduction

Webiny has been built with developer experience in mind. It's composable architecture makes it easy to create plugins to modify any part of the admin interface, the GraphQL resolvers, and the APIs.

Goals

Create a new plugin to modify the admin interface by changing the logo.

Outline

• Introduction: Why is composable architecture important in a CMS
• How to create a new plugin
• Creating a plugin for modifying the admin interface logo
• Conclusion

Sample articles

No response

Introduction

The numerous benefits and simplicity of Headless Content Management Systems are the topmost reasons why anyone will choose it for building modern application. Alot of CMS exist today that solve problems associated with managing contents across multiple platforms but only a few of them comes with needed perks such as easy scalability, data privacy, less cost in running & maintenance and easy to adapt. Webiny gives that much needed perks for scaling headless CMS.

Aim

This article aims at introducing you to headless CMS as well as teaching you how to build a serverless blog using NextJS and Webiny. It will also expose you to the need to adopt a serverless approach in building modern applications.

Outline

• Introduction to headless CMS
• Why Webiny?
• Requirements
• Setting up and configuring a Webiny project
• Configuration GraphQL API
• Performing CRUD operations
• Conclusion

Introduction

Headless CMSs are becoming increasingly popular as a way to improve user experience and content delivery. When combined with JAMstack, they offer a powerful solution to content management and delivery. In this article, we'll explore the pros and cons of using headless CMSs with JAMstack, and how they can benefit or hinder your website.

Goals

The goals of writing this topic are to:

1. Explain the advantages and disadvantages of using a headless CMS with JAMStack.

2. Examine the potential benefits and drawbacks of implementing this type of CMS.

3. Explore how a headless CMS like Webiny with JAMStack could be used to create a website.

4. Provide readers with an understanding of the technical aspects of this type of CMS.

5. Highlight the potential challenges and opportunities associated with using a headless CMS with JAMStack.

Outline

Pros and Cons of Using Headless CMS with JAMStack

Introduction

• Definition of Headless CMS and JAMStack
• Overview of Pros and Cons of Using Headless CMS with JAMStack

Pros of Using Headless CMS with JAMStack

Dive deep into the pros of using Headless CMS with JAMStack.

For example,

• Increased Flexibility
• Improved Security
• Easy Deployment, e.t.c.

Cons of Using Headless CMS with JAMStack

Extensively explain the cons that come with using Headless CMS like Webiny with JAMStack applications.

For example,

• More Complex Setup
• Different Learning Curve
• Potential Issues with Content Delivery

Conclusion

• Summary of Pros and Cons of Using Headless CMS with JAMStack
• Final Thoughts on Whether Headless CMS with JAMStack is Right for Your Project

Sample articles

https://www.section.io/engineering-education/authors/doro-onome/

https://blog.logrocket.com/author/doroonome/

https://refine.dev/blog/author/doro_onome/

Introduction

[The generation and broad distribution of website content can be streamlined with content management systems (CMSs). However, it is essential to inform the public about the architecture of websites because they are becoming prevalent and are added to more than half of websites today.]

Goals

[This article is aimed at revealing to the audience the concept behind CMS Architecture and the different kinds of CMS Architecture. Listing the CMS platforms that are prevalent including Webiny.]

Outline

[ —Introduction —What is CMS Architecture? —The different kinds of CMSs on the market — —Coupled — —Decoupled — —Monolithic — —Headless — —Hybrid — —DXP —CMS Architecture best practices —Some CMS platforms to put on your radar — —Tips to choosing the right CMS —Conclusion ]

Sample articles

https://blog.openreplay.com/the-software-testing-life-cycle

https://buttercms.com/blog/laravel-best-practices/

https://www.red-gate.com/simple-talk/development/working-with-firebase-version-9-modular-sdk-and-react-typescript/

Introduction

Passwords are essential as they shut off unauthorized users from a particular resource. Having a strong password can stop hackers from easily guessing or brute forcing their way into your account. Brute forcing a 10 character password using a supercomputer, comprising upper/lowercase letter, numbers and symbols, can take up to 1000+ years. This means that the longer and more complicated the password is, the harder it is to gain access to the resource. Follow through with this article and learn how to generate strong passwords using NextJS and Webiny.

Goals

This article will help you understand the Webiny Headless CMS and the logic behind the generating of a strong password.

Overview

In this tutorial, we will make use of Webiny's Form Builder and Headless CMS feature. The form builder will be used to specify what kind of password the user would need. Example, passwords that will either contain uppercase letters, numbers or special characters. Then we will store the Generated password in the Headless CMS.

Outline

• What is a Headless CMS?
• Why use Webiny CMS?
• Prerequisites
• Getting started with Webiny
• Setting up the frontend
• Creating the password generating functionality
• Conclusion
• Resources

Introduction

Managing website contents can prove challenging especially in WordPress and Heaadless CMS, so this article will throw light on how to handle contents in either of these sites.

Goals

This article aims to divulge to the audience the difference between WordPress and Headless CMS and how managing the content of both websites goes.

Outline

[Outline] —[H1]Introduction —[H1]Managing website content: Differences between WordPress and Headless CMS — —[H2]Content Creation and structuring — —[H2]Content Operations — —[H2]Managing content strategically — —[H2]Content consistency — —[H2]Managing and Enhancing SEO — —[H2]Asset management and distribution — —[H2]Integrations and functionality — —[H2]Frontend rendering —[H1]Easy ways to successfully manage website content — —[H2]Develop your digital web strategy — —[H2]Focus on personalization and scalability — —[H2]Take advantage of structured content — —[H2]Organize your content processes — — —[H3]Maintain key workflows — — —[H3]Establishing and documenting is essential to strategic content management — — —[H3]Categorize and organize content so you can get the most out of it — —[H2]Select the tech that’ll keep you running seamlessly —[H2]Conclusion

Sample articles

https://www.red-gate.com/simple-talk/development/working-with-firebase-version-9-modular-sdk-and-react-typescript/

https://buttercms.com/blog/laravel-best-practices/

https://blog.openreplay.com/testing-tools-a-classification

Introduction

Plugins are software add-ons that helps us include some software functionality that is not provided by the author. Webiny allows every user to create plugins to increase the functionality of it CMS Everything you need to develop a Webiny Plugin is all in this article.

Goals

[Sample Goal - In this article, you will learn different things that you need to take hold of before developing a webiny plugin

Outline

[Here is the sample outline.

• Introduction to webiny
• What are Plugins?
• Things to consider before creating Webiny Plugin
• Installation Processes
• Plugin Features
• Research and Plugin Maintenance
• Importance of Plugin
• Conclusion

Sample articles

https://oluwoleopeyemi1.hashnode.dev/understanding-javascript-function

https://oluwoleopeyemi1.hashnode.dev/how-to-create-a-responsive-navigation-menu-hamburgerwith-javascript

https://oluwoleopeyemi1.hashnode.dev/how-to-manage-funds-in-the-decentralized-system