How I Made My Website Load in 0.364 Seconds
In this video, you'll build the official jsmastery.pro website and learn how to build insanely fast websites with Next.js 14!
⭐ Ultimate Next 14 Course: https://www.jsmastery.pro/next14
💼 New Masterclass Cohort starts soon! Land your dream job in a project-based bootcamp with expert mentor feedback, code reviews, and career prep. To find out more, apply here: https://jsmastery.pro/masterclass
📚 Materials/References:
GitHub Repo: https://github.com/adrianhajdin/jsm_resources_next13
GitHub Gist (code): https://gist.github.com/adrianhajdin/32800814aa94d753f6d249d796a422ff
Zipped assets: https://drive.google.com/file/d/1BqzrgJSQCqD9g6_-dQPw6jYKAR5ukXDR/view
💻 Join our Discord Community - https://discord.gg/n6EdbFJ
🐦 Follow us on Twitter: https://twitter.com/jsmasterypro
🖼 Follow us on Instagram: https://instagram.com/javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 - Intro
00:02:36 - Performance
00:19:17 - Setup
00:33:40 - Navbar
00:39:57 - Footer
00:43:23 - Home Page
00:46:51 - Search Form
00:54:28 - Filters
01:01:36 - Sanity
01:29:07 - Resource Card
01:41:55 - Header and Filtering
01:53:28 - Search Functionality
02:06:25 - Resource Playlist
02:15:45 - Loading
02:21:00 - Deployment
02:23:30 - Build Error Fix
02:25:50 - Further Improvements
Видео How I Made My Website Load in 0.364 Seconds канала JavaScript Mastery
⭐ Ultimate Next 14 Course: https://www.jsmastery.pro/next14
💼 New Masterclass Cohort starts soon! Land your dream job in a project-based bootcamp with expert mentor feedback, code reviews, and career prep. To find out more, apply here: https://jsmastery.pro/masterclass
📚 Materials/References:
GitHub Repo: https://github.com/adrianhajdin/jsm_resources_next13
GitHub Gist (code): https://gist.github.com/adrianhajdin/32800814aa94d753f6d249d796a422ff
Zipped assets: https://drive.google.com/file/d/1BqzrgJSQCqD9g6_-dQPw6jYKAR5ukXDR/view
💻 Join our Discord Community - https://discord.gg/n6EdbFJ
🐦 Follow us on Twitter: https://twitter.com/jsmasterypro
🖼 Follow us on Instagram: https://instagram.com/javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 - Intro
00:02:36 - Performance
00:19:17 - Setup
00:33:40 - Navbar
00:39:57 - Footer
00:43:23 - Home Page
00:46:51 - Search Form
00:54:28 - Filters
01:01:36 - Sanity
01:29:07 - Resource Card
01:41:55 - Header and Filtering
01:53:28 - Search Functionality
02:06:25 - Resource Playlist
02:15:45 - Loading
02:21:00 - Deployment
02:23:30 - Build Error Fix
02:25:50 - Further Improvements
Видео How I Made My Website Load in 0.364 Seconds канала JavaScript Mastery
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![How to secure a dev job during layoffs?](https://i.ytimg.com/vi/uo4OS3L29mw/default.jpg)
![JavaScript ES2020 - The Most Requested Feature Explained in 10 Minutes](https://i.ytimg.com/vi/OvNIIgysD-s/default.jpg)
![MUST USE Websites & Tools for Web Developers](https://i.ytimg.com/vi/9CEW3Tmx2tg/default.jpg)
![React Hooks - Most Used Features](https://i.ytimg.com/vi/-9M9CGSd69I/default.jpg)
![Build and Deploy a Saas Podcast Platform in Next.js](https://i.ytimg.com/vi/zfAb95tJvZQ/default.jpg)
![Build and Deploy 3 Modern UI/UX Websites and Get Hired as a Frontend Developer | Full 10-Hour Course](https://i.ytimg.com/vi/RbxHZwFtRT4/default.jpg)
![Master the use of APIs and API Testing | Complete Crash Course](https://i.ytimg.com/vi/fvowySuuEIw/default.jpg)
![Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14](https://i.ytimg.com/vi/PuOVqP_cjkE/default.jpg)
![Full Stack MERN Project - Implement MERN Comments | React + Redux, Node, Express, MongoDB](https://i.ytimg.com/vi/46NRrn4xi5Y/default.jpg)
![Full Stack MERN Project - Pagination & Search | React + Redux, Node, Express, MongoDB](https://i.ytimg.com/vi/LYWgPSbPDfQ/default.jpg)
![Master Async JavaScript using Async/Await | Quokka JS](https://i.ytimg.com/vi/HXQZfuSMTfM/default.jpg)
![Build and Deploy an ARTIFICIAL INTELLIGENCE React App | Alan AI, JavaScript](https://i.ytimg.com/vi/rqw3OftE5sA/default.jpg)
![Web Scraping Full Course 2024 | Build and Deploy eCommerce Price Tracker](https://i.ytimg.com/vi/lh9XVGv6BHs/default.jpg)
![Build and Deploy a Full Stack AI SaaS Platform with Next js 14, TypeScript, Stripe](https://i.ytimg.com/vi/Ahwoks_dawU/default.jpg)
![The Story of JavaScript Mastery](https://i.ytimg.com/vi/i5TAC9OkK-A/default.jpg)
![Build and Deploy a React Admin Dashboard With Real time Data, Charts, Events, Kanban, CRM, and More](https://i.ytimg.com/vi/6a3Dz8gwjdg/default.jpg)
![Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind](https://i.ytimg.com/vi/B91wc5dCEBA/default.jpg)
![Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI](https://i.ytimg.com/vi/GDa8kZLNhJ4/default.jpg)
![Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS](https://i.ytimg.com/vi/986hztrfaSQ/default.jpg)
![Build and Deploy a Modern Real Estate App | React Website Tutorial](https://i.ytimg.com/vi/y47gYvXchXM/default.jpg)
![Learn how to deploy an NPM Package](https://i.ytimg.com/vi/8FziherTC8M/default.jpg)