> For the complete documentation index, see [llms.txt](https://skyslit.gitbook.io/magicjs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://skyslit.gitbook.io/magicjs/basic-guide.md).

# Basic Guide

- [Create a new page using React](https://skyslit.gitbook.io/magicjs/basic-guide/create-a-new-page-using-react.md): In this tutorial, you will learn how to create a new page and seamlessly integrate it into the admin console using MagicJS framework.
- [Navigate between pages](https://skyslit.gitbook.io/magicjs/basic-guide/navigate-between-pages.md): In this tutorial, we'll explore how to navigate between two pages within the MagicJS framework and utilize route parameters for dynamic page rendering.
- [Create an API and integrate it with the frontend](https://skyslit.gitbook.io/magicjs/basic-guide/create-an-api-and-integrate-it-with-the-frontend.md): In this tutorial, we will guide you through the process of creating a backend file and seamlessly integrating it with a frontend file using MagicJS.
- [Authenticate Users](https://skyslit.gitbook.io/magicjs/basic-guide/authenticate-users.md): In this tutorial, we'll explore how to authenticate users and set up conditional rendering for components using MagicJS.
- [Authorise based on Roles](https://skyslit.gitbook.io/magicjs/basic-guide/authenticate-users/authorise-based-on-roles.md): In this tutorial, we will explore how to implement user role authentication within your MagicJS application.
- [Advanced State Management with useContent()](https://skyslit.gitbook.io/magicjs/basic-guide/advanced-state-management-with-usecontent.md): In this tutorial, we delve into the intricacies of advanced state management within forms using MagicJS's useContent() hook.
- [Perform CRUD Operations](https://skyslit.gitbook.io/magicjs/basic-guide/perform-crud-operations.md): In this tutorial, we will explore how to perform CRUD (Create, Read, Update, Delete) operations using MagicJS, enabling seamless interaction with a backend database.
- [Adding Realtime capabilities using socket](https://skyslit.gitbook.io/magicjs/basic-guide/adding-realtime-capabilities-using-socket.md): In this tutorial, we'll learn how to implement real-time messaging capabilities using MagicJS.
- [Handling file uploads and downloads](https://skyslit.gitbook.io/magicjs/basic-guide/handling-file-uploads-and-downloads.md): In this guide, we will learn how to upload and view a file.