Udemy - Next JS & WordPress Build rapid NextJS sites with Next & WP

[0dayddl]

​

Udemy - Next JS & WordPress Build rapid NextJS sites with Next & WP
Language: English | Size:3.23 GB
Genre:eLearning
​

Files Included :

Spoiler

002 Course intro & site demo.mp4 (92.7 MB)
MP4
003 Udemy ratings & reviews.mp4 (1.62 MB)
MP4
004 plugins-2.zip (14.57 MB)
ZIP
004 Set up WordPress locally & plugin explanation.mp4 (62.11 MB)
MP4
005 Set up Next JS + first query for WordPress data with GraphQL.mp4 (41.08 MB)
MP4
001 Create homepage + query for gutenberg blocks.mp4 (19.5 MB)
MP4
002 Create the BlockRenderer component & clean block data.mp4 (82.34 MB)
MP4
003 Cover component, style with Tailwind CSS, & render images with Next JS Image.mp4 (38.23 MB)
MP4
004 Create a WordPress child theme & modify theme files.mp4 (44.78 MB)
MP4
005 NEW - Create heading component, util functions, extend tailwind, and inner block.mp4 (69.81 MB)
MP4
006 Create additional pages & child pages in WordPress & dynamic routes in Next JS.mp4 (45.01 MB)
MP4
007 Query for page data using GraphQL from page components & getStaticProps.mp4 (80.08 MB)
MP4
008 Create Paragraph component & further extend WordPress theme.mp4 (102.81 MB)
MP4
009 Finish Paragraph component & mapping anchor tags internal links.mp4 (26.06 MB)
MP4
001 Create the Main Menu options page with ACF (part 1).mp4 (83.73 MB)
MP4
002 Create the Main Menu options page with ACF (part 2).mp4 (52.73 MB)
MP4
003 Query and clean menu data in Next JS.mp4 (79.07 MB)
MP4
004 Create the Menu component in Next JS.mp4 (47.95 MB)
MP4
005 Finish the Menu component.mp4 (148.4 MB)
MP4
006 Implement the CTA button in Main Menu.mp4 (73.88 MB)
MP4
007 Create ButtonLink component & using the @apply Tailwind CSS directive.mp4 (33 MB)
MP4
008 Refactor Page components.mp4 (93.53 MB)
MP4
001 Create the CTA custom block with ACF blocks.mp4 (100.96 MB)
MP4
002 Assign fields to the CTA block and create block preview.mp4 (79.07 MB)
MP4
003 Create the CTA component in Next JS.mp4 (61.93 MB)
MP4
004 Implement columns with Gutenberg blocks.mp4 (100.62 MB)
MP4
005 Rendering Column components within Columns + handling Image blocks in Next JS.mp4 (43.22 MB)
MP4
006 Reusable blocks.mp4 (26.8 MB)
MP4
001 Create custom fields for the property pages.mp4 (34.78 MB)
MP4
001 property-data.zip (18.72 MB)
ZIP
002 Create the property pages in Next JS.mp4 (26.27 MB)
MP4
003 Implement post feaured image as Cover background & post title block.mp4 (30.54 MB)
MP4
004 Create the property search custom block.mp4 (48.81 MB)
MP4
005 Create API route for property search.mp4 (31.39 MB)
MP4
006 Rendering property search results.mp4 (123.39 MB)
MP4
007 Create pagination UI.mp4 (98.52 MB)
MP4
008 Handle pagination in search API.mp4 (36.86 MB)
MP4
009 Create the search filters UI.mp4 (55.81 MB)
MP4
010 Query preview & add local state for search filters.mp4 (87.1 MB)
MP4
011 Implement filters in search API.mp4 (81.58 MB)
MP4
012 FIX URLs when searching.mp4 (44.79 MB)
MP4
001 Create formspree form custom gutenberg block.mp4 (31.78 MB)
MP4
002 Create formspree form component in Next JS.mp4 (41.29 MB)
MP4
003 Create property features gutenberg block.mp4 (102.64 MB)
MP4
003 fontawesome.zip (620.2 KB)
ZIP
004 Create property features component in Next JS.mp4 (154.69 MB)
MP4
005 SEO.mp4 (39.51 MB)
MP4
006 Gallery-images.zip (13.36 MB)
ZIP
006 Implement the image gallery gutenberg block.mp4 (94.35 MB)
MP4
007 Create the Gallery component in Next JS.mp4 (75.51 MB)
MP4
008 Add background and text color to Column block in WordPress.mp4 (59.34 MB)
MP4
008 column-images.zip (5.15 MB)
ZIP
009 Refactor Column component in Next JS to accept background and text color.mp4 (16.07 MB)
MP4
010 Create tick item custom gutenberg block.mp4 (68.11 MB)
MP4
011 Render tick item block in Next (also covering inner blocks within custom blocks).mp4 (39.69 MB)
MP4
012 Implement background color for a single column.mp4 (10.21 MB)
MP4
001 Push code to github.mp4 (13.52 MB)
MP4
002 FIX page generation ready for deploying live.mp4 (4.67 MB)
MP4
003 Deploy WordPress & Next JS app live.mp4 (47.35 MB)
MP4
004 Automatically rebuild when data changes in WordPress.mp4 (23.65 MB)
MP4

Udemy - Next JS & WordPress Build rapid NextJS sites with Next & WP.part1.rar

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

Udemy - Next JS & WordPress Build rapid NextJS sites with Next & WP.part2.rar

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

Udemy - Next JS & WordPress Build rapid NextJS sites with Next & WP.part3.rar

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

Udemy - Next JS & WordPress Build rapid NextJS sites with Next & WP.part1.rar

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

Udemy - Next JS & WordPress Build rapid NextJS sites with Next & WP.part2.rar

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

Udemy - Next JS & WordPress Build rapid NextJS sites with Next & WP.part3.rar

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

 

[0dayddl]

Next JS & WordPress: Build rapid NextJS sites with Next & WP
Duration: 6h 25m | .MP4 1280x720, 30 fps(r) | AAC, 44100 Hz, 2ch | 3.19 GB
Genre: eLearning | Language: English​

Learn Next JS & Headless WordPress & build a fully functioning real estate property website with NextJS v12 & WordPress

What you'll learn:
Increase your value and improve your knowledge as a front-end / React JS developer
Learn Next JS
Create a static, server-compiled, content-driven website using Next JS (with React JS & GraphQL)
Learn how to use GraphQL and GraphiQL to query data stored in Wordpress
Set up Wordpress as a backend to build content, then render the content as pages with React JS & GraphQL
Deploy your Next JS static website and rebuild whenever content changes using Vercel
Learn how to style Next JS apps with Tailwind CSS
Learn how to create custom Gutenberg blocks with ACF pro
Use React Context & React Hooks
Create custom React hooks
Create api endpoints with Next JS

Requirements:
Have a basic understanding of React JS

Description:
Do you want to improve your React JS skills and increase your value as a front-end developer?
Level-up your React skillset by learning Next.js with a Headless WordPress backend! The site we'll be building in Next JS uses React JS and GraphQL to generate and build static pages from a given dataset. This course will look at setting up Wordpress as a headless CMS while using NextJS to generate a blazing-fast server-rendered React website from WordPress data, such as custom post types, pages, menus, media, advanced custom fields, (and more!) using GraphQL to query that data.
That's right, we can actually query WordPress data using GraphQL!
We'll be creating an estate agent property website in this course, looking at initial setup and development of Next JS and WordPress locally, mapping Gutenberg blocks to React components, creating our own custom Gutenberg blocks, styling these components with Tailwind CSS and querying WordPress and Gutenberg data with GraphQL to automatically generate our static pages.
We'll look at how we can query WordPress data with GraphQL using the GraphiQL browser tool. We'll get our hands into a little bit of WordPress code as well, but not too much - the main focus here is Next JS. Once we're familiar and comfortable developing with NextJS and Wordpress, we'll progress onto setting up and deploying a live website using Vercel that re-builds our static web pages every time we update content in our WordPress backend, using webhooks.
It's recommended you have rudimentary knowledge of React. We'll be covering everything else from Next.js, WordPress, GraphQL, and Tailwind CSS!
Speed past the competition!
Next.js builds the fastest possible website. Instead of waiting to generate pages when requested, we'll be using the static generation function within Next JS to pre-build pages and lift them into a global cloud of servers (we'll be using Vercel for this) - ready to be delivered instantly to your users wherever they are.
No waiting for API responses
No waiting to render components based on requested data
No loading spinners!
No waiting for a server to compile a page to serve to the browser - these pages are already pre-compiled and ready to serve instantly to your users!

Who this course is for:
React JS developers who want to learn a better approach to creating static, content-driven websites with Wordpress, React JS, and GraphQL, using Next JS

Bitte Anmelden oder Registrieren um Links zu sehen.

Please check out others courses in your favourite language and bookmark them
- - - -

Download
Fikper

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

FileAxa

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

RapidGator

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

FileStore
TurboBit

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!