
Build a full-stack blog with reactjs and Supabase, enabling user authentication, post creation, and viewing with routing, state management, and deployment on Vercel.
Install NodeJS, then create a new React app named Block, open the terminal, and run npm start to view the app on localhost:3000 in VS Code.
Bootstrap Template: https://startbootstrap.com/theme/clean-blog
This quickstart guides you through creating a Supabase project, exploring database, authentication, storage, and functions, and connecting a React app using the public API key.
Build a signup page that captures email and password with React refs, calls the auth context signup, handles errors, and navigates to the home page.
Add a sign out button to the navigation bar, wire it to the auth context signOut function, and navigate home after sign out with React Router.
Implement a single post view in a ReactJS app using Supabase. Pass the post ID via URL, fetch data with useEffect and useParams, and render title, description, content, and image.
In This course you will learn how to Build a full-stack website using React and Supabase, and deploy it on the web using Vercel,
we will build a Blog using react and connect it with Supabase.
we will use React library to help us improve the website. be ready to discover Supabase and the services that can boost your development process, and get a good Knowledge of how to connect your backend with your front-end code.
I will be happy to answer any questions you need while taking this course.
We will cover in this course:
- Create React app and set up the app structure.
- Create a Supabase account and creating a database
- Connecting Supabase with React using Supabase library
- Convert HTML -CSS JavaScript to ReactJS
- Using ( useState - useEffect - useContext .. ) on ReactJs
- Using Supabase services ( Database - Storage - Api ...)
- Using React Router to route between pages and pass data.
- Creating add post page and inserting it to supabase table
- Crating bucket to store the Image and adding Police inside Supabase with a public URL.
- Deploy your app
... and more
Who this course is for:
developers.
Anyone who is creating dynamic websites.
Those working in React, Supabse who want to learn and develop their skills.