filmov
tv
NextJs data fetching tutorial #part2 using getStaticProps and MYSQL

Показать описание
Prerequisite is that you have a MYSQL database called blog setup already. You can import dummy data using following sql code :
Intro : (00:0:00)
Import dummy data into MYSQL: (00:03:52)
Install serverless-mysql: (00:06:36)
Setup MYSQL helper functions: (00:09:07)
Create end point to fetch data: (00:11:50)
Create a static blog page that fetches data using endpoint: (00:14:24)
How write MYSQL data fecting code directly on the blog page: (00:18:14)
DROP TABLE IF EXISTS `posts`;
CREATE TABLE posts(
title VARCHAR(44) NOT NULL PRIMARY KEY
,content VARCHAR(49) NOT NULL
);
INSERT INTO posts(title,content) VALUES ('This is all about end points','This is all about api end points111');
INSERT INTO posts(title,content) VALUES ('How to guide on SSR','This is all about server side rendering');
INSERT INTO posts(title,content) VALUES ('My first post','This is my first post..I have nothing much to say');
INSERT INTO posts(title,content) VALUES ('A post','Yet another post');
INSERT INTO posts(title,content) VALUES ('Last years post','This post is from last year');
NextJs data fetching tutorial #part2 using getStaticProps and MYSQL
Next.js Tutorial - Part 2 | Data Fetching with getInitialProps
How To Fetch Data in Next.js – Part 2 Epic Next.js Tutorial for Beginners
Next.js Tutorial - 37 - SWR for Client-side Data Fetching
How To PROPERLY Fetch Data In Nextjs 14 | Lee Rob Explains
THE BIGGEST NEXT.JS 15 COURSE ON THE INTERNET ( PART 2 )
Amazon 2.0 Creating Dynamic Page and API Data Fetching in Nextjs | part 2
Next.js Data Fetching complete guide
6 Data Fetching Methods You Should Know About I 2022
getInitialProps Data Fetching | NextJS Crash Course
Modern Data Fetching in React (Complete Guide)
This Could Be the BEST Way to fetch data from an API in React! | SWR Preload & Optimistic UI
Next.js Tutorial #10 - Fetching Data (getStaticProps)
Next.js Tutorial - Part 9 | Data Fetching with getServerSideProps
getStaticPaths Data Fetching | NextJS Crash Course
Next.js Data Fetching
Next.js Tutorial - 36 - Client-side Data Fetching
Next.js + Headless CMS + GraphQL - Next.js tutorial for beginners (part 2)
Data Fetching in Next.js - Rick and Morty REST API Tutorial
Next.js Tutorial - 19 - More on getStaticProps
Next.js Data Fetching Technique - SWR ft. Axios - The nice way!
Next.js Tutorial #12 - Dynamic Routes (part 2 - getStaticPaths)
Next js tutorial #8 fetch api data
Next.js data fetching [Arabic]
Комментарии