Astro JS v3 & WordPress (Astro js, TailwindCSS & WordPress)

Files Included :

2 Project overview.mp4 (53.33 MB)
MP4
3 High level overview of Astro & WordPress architecture.mp4 (44.24 MB)
MP4
4 Astro project setup.mp4 (51 MB)
MP4
5 Add tailwind css to astro.mp4 (81.65 MB)
MP4
6 Setup prettier for auto formatting code on save.mp4 (10.08 MB)
MP4
7 Local WordPress site setup.mp4 (76.29 MB)
MP4
8 Create basic WordPress block theme.mp4 (80.45 MB)
MP4
1 Query WordPress data from within Astro.mp4 (61.31 MB)
MP4
2 Create BlockRenderer component in Astro.mp4 (65.81 MB)
MP4
3 Render first blocks from the BlockRenderer component.mp4 (143.14 MB)
MP4
4 Create common head component and add SEO data.mp4 (75.32 MB)
MP4
1 Add the navbar and site logo in WordPress.mp4 (35.27 MB)
MP4
10 Map WordPress page routes to use Astro site url.mp4 (71.73 MB)
MP4
2 Render the navbar within Astro.mp4 (38.94 MB)
MP4
3 Render the site logo within Astro using the Astro Image component.mp4 (52.44 MB)
MP4
4 Add additional pages within WordPress.mp4 (24.28 MB)
MP4
5 Add the Navigation block to the Header.mp4 (24.36 MB)
MP4
6 Render the Navigation links in Astro.mp4 (96.33 MB)
MP4
7 Render the navigation submenu in Astro (part 1).mp4 (133.93 MB)
MP4
8 Render the navigation submenu in Astro (part 2).mp4 (54.19 MB)
MP4
9 Integrate React into Astro and render Font Awesome icon.mp4 (61.93 MB)
MP4
1 Dynamic routes in Astro.mp4 (79.39 MB)
MP4
10 Add Image block and render Image component in Astro.mp4 (59.84 MB)
MP4
11 Add remaining homepage content and small styling fixes.mp4 (127.28 MB)
MP4
12 Create custom Tick Item block in WordPress.mp4 (83.2 MB)
MP4
13 Finish the Tick Item block.mp4 (50.49 MB)
MP4
14 Render the Tick Item block in Astro.mp4 (43.88 MB)
MP4
15 Create the global footer in WordPress.mp4 (37.45 MB)
MP4
16 Render the global footer in Astro.mp4 (106.57 MB)
MP4
2 Render correct data for pages.mp4 (65.46 MB)
MP4
3 Add poppins font to Astro site and WordPress theme.mp4 (78.09 MB)
MP4
4 Create the Cover block for the homepage in WordPress.mp4 (43.54 MB)
MP4
5 Add default styles for the Button block in WordPress.mp4 (24.24 MB)
MP4
6 Render the Cover block within Astro.mp4 (81.93 MB)
MP4
7 Render the Heading block within Astro (+ demo of named slots).mp4 (118.12 MB)
MP4
8 Render the Buttons and Button blocks within Astro.mp4 (102.46 MB)
MP4
9 Finish the Cover component.mp4 (170.85 MB)
MP4
1 Create Property custom post type and property details custom fields.mp4 (107.23 MB)
MP4
10 Generate static file endpoint for buyingall-properties page.mp4 (92.37 MB)
MP4
11 Query for the static file endpoint in an SSR page.mp4 (29.82 MB)
MP4
12 Hook up the url query string to the search form.mp4 (28.01 MB)
MP4
13 Generate static endpoint for properties.mp4 (64.28 MB)
MP4
14 Render properties in property search.mp4 (140.97 MB)
MP4
15 Filter the properties based on search filters.mp4 (80.94 MB)
MP4
16 Implement pagination for the property search.mp4 (141.3 MB)
MP4
17 Add styling for the page numbers in Astro.mp4 (50.83 MB)
MP4
18 Implement View Transitions API.mp4 (144.48 MB)
MP4
2 Build out more of the property page in WordPress.mp4 (142.68 MB)
MP4
3 Create custom Property Details block in WordPress.mp4 (90.62 MB)
MP4
4 Render property details block in Astro.mp4 (177.69 MB)
MP4
5 Add more properties in WordPress.mp4 (19.35 MB)
MP4
6 Create Property Search custom block in WordPress.mp4 (33.91 MB)
MP4
7 Render the property search filters in Astro.mp4 (125.4 MB)
MP4
8 Set up SSR in Astro.mp4 (40.5 MB)
MP4
9 Render the buyingall-properties page as SSR.mp4 (77.87 MB)
MP4
1 Create the contact form in WordPress and render on contact page.mp4 (70.44 MB)
MP4
2 Render the contact form in Astro as a React component.mp4 (194.82 MB)
MP4
1 Deploy local WordPress site to Flywheel hosting.mp4 (24.49 MB)
MP4
2 Upload Astro project to github repo.mp4 (18.33 MB)
MP4
3 Deploy Astro project to Vercel.mp4 (40.55 MB)
MP4
4 Set up automatic rebuilds of Astro site anytime WordPress data changes.mp4 (19.22 MB)
MP4