Build modern website using NextJS 13, TailwindCSS, Framer Motion, and MDX for Blog.
How to build a modern architect website using NextJS 13.5.2, TailwindCSS, MDX with Contentlayer for blog and project posts, Framer Motion for smooth animation.
🎉 👋 Visit my website- https://freebootstrap.net
-------------------------------------------------------------------------------
🖤 Get the Source Code
https://www.buymeacoffee.com/joefreyc...
💙 Get Source Code With PayPal
https://ko-fi.com/s/d50c390715
-------------------------------------------------------------------------------
Live Preview
👉 https://arcraft-nextjs-yt.vercel.app/
-------------------------------------------------------------------------------
Download the Images
https://drive.google.com/drive/folder...
-------------------------------------------------------------------------------
MDX files or Content for Blog and Projects. https://drive.google.com/drive/folder...
-------------------------------------------------------------------------------
Contents of this video
00:00 - Setup/install NextJS and run the server
07:43 - Install the necessary packages.
08:19 - Add components folder and create Navigation.js
16:00 - Mobile Menu (Offcanvas) functionality.
28:15 - Hero Component
40:20 - About Component
52:55 - HowItWorks Component
01:13:15 - Testimonial Component
01:30:07 - RecentBlog Component
01:30:14 - Install packages (contentlayer, next-contentlayer, date-fns, react-paginate)
01:31:16 - Contentlayer Config
01:34:43 - JSConfig.json
01:35:06 - next.config.js
01:35:36 - Contentlayer Config (continued)
01:38:03 - RecentBlog Component (continued)
01:48:28 - Subscribe component
01:55:54 - Footer component
02:05:37 - About Us Page and its components
02:32:00 - Projects Page and its components
02:58:51 - Blog Page and its components
03:09:39 - Blog Categories
03:14:24 - Contact Us Page
03:15:45 - Add Menu Active Indicators.
Twitter: / joefreycodes
#nextjs13 #tailwindcss #mdx #contentlayer #framermotion #frontend #reactjs #react.
Watch video Build modern website using NextJS 13, TailwindCSS, Framer Motion, and MDX for Blog. online without registration, duration hours minute second in high quality. This video was added by user JoefreyCodes 01 October 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7,010 once and liked it 178 people.