Learn with videos
Here you can find videos to help you discover the basic concepts of Jopi.js. These are introductions designed to help you understand the concepts related to Jopi.js.
Learn the basics
This video consists of two parts: subtitles, which explain the concepts.
And a screenshot, which presents an example of project content.
This screenshot is self-explanatory and annotated to facilitate understanding.
You can use Bun.js or Node.
However, using Bun is much more pleasant and efficient.
Bun website: link
Your first project
Here you will discover how to use the jopi init command to start a project from a template. Explore the main elements of a project and learn how to install the tutorial project a richly commented project containing a simple code example.
Summary - Installing the minimal template / Overview of the project content / Starting in dev mode / Installing the tutorial template.
Running in Developer Mode
Here you will find out how to enable developer mode. There are two developer modes: the first concerns the server and automatically restarts it whenever a file is modified. The second concerns the user interface and instantly refreshes the browser when the code is updated.
Summary - The UI dev-mode with ultra-fast browser refresh / The server dev-mode, with automatic server restart and browser refresh.
Creating a website
Here you'll discover what server-side rendering with React is, how to use React to create your website, and its advantages for Google indexing and user experience. You'll also learn the fundamentals of building a website with Jopi.
Summary - What is Server Side React? / How to listen to an URL? / Respond with a React Page / Listening GET POST PUT / Url with parameter / Catch-all urls / CSS & CSS Modules / Importing an image.
Creating an app with plugins
In this video, you'll discover the module system and its features. This module system is very powerful. It simplifies many things when your site grows or when you need to evolve it while maintaining multiple versions. It also greatly facilitates teamwork.
Summary - The module system / How to share a React component / How a module can override a shared component / How modules can contribute to a toolbar content / The event/listeners patterns implementation.
Users and Security
Here we will see what role-based security is, and how to restrict access to your API and web page to certain user groups. With Jopi, all these elements are already included into the engine core.
Summary - What is role based security? / How to activate JWT to store user connection data /How to active the user store / How to active the authentification mechanism / Limit access to pages and API / Hide parts of your page to unauthorized users.
Help with your likes!
You can help the project by
subscribing to the YouTube channel
liking the videos and especially by
giving stars to the project on GitHub.