If you've ever dreamed of creating your own blog that works smoothly on both web and mobile, you're in luck! 🌟 In this tutorial, we'll dive into how to build an easy yet awesome blog using React Native, Expo, and Expo Router. From crafting posts in Markdown to making sure people can actually find your blog through SEO (Search Engine Optimization), we've got you covered. Follow along with our step-by-step guide and build your own responsive blog in React Native! 💻 Source Code: https://github.com/notJust-dev/RNBlog ❗Try our FREE 2-day Masterclass on notJust.Academy: https://assets.notjust.dev/masterclass/?utm_source=youtube&utm_medium=livestream&utm_content=28feb24 📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about: - Introduction to React Native and Expo - Setting up your blog project with Expo - Navigating between screens with Expo Router - Creating and styling blog posts in Markdown - Implementing SEO for your blog on web and mobile - Previewing your blog in both web and mobile views 📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev! Check out what our successful students are saying about their experience: https://academy.notjust.dev/?utm_source=youtube&utm_medium=livestream&utm_content=28feb24 💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions 💬 Join the notJust Development gang and let's build together: Twitter: https://twitter.com/VadimNotJustDev Instagram: https://www.instagram.com/VadimNotJustDev Facebook: https://www.facebook.com/notjustdev LinkedIn: https://www.linkedin.com/in/vadimsavin Discord: https://discord.gg/VpURUN2 Timecodes: 0:00 Introduction and Project Overview 4:16 Setting up the Project Environment 11:21 Switching to TypeScript 15:01 Defining the data source for blog posts 17:08 Creating and structuring post content and metadata 20:06 Displaying a list of blog posts on the homepage 29:20 Creating a page for individual post details 33:56 Adding navigation with a Stack Navigator and UI Styling 40:30 Writing and styling post content using Markdown 49:11 Statically generating the website for deployment 58:52 Hosting the static site on Vercel 1:06:19 Fixing navigation errors with Vercel's clean URLs 1:11:30 Improving SEO with dynamic page metadata 1:17:10 Dynamically adjusting page titles and descriptions 1:20:57 Setting website origin for mobile compatibility 1:23:20 Incorporating images into blog posts 1:29:30 Dynamically displaying post thumbnails 1:33:02 Enhancing social media sharing with Open Graph metadata 1:37:41 Improving the User Interface of the blog 1:40:34 Previewing social media shares with Open Graph data 1:43:38 Creating new blog posts with markdown and deploying updates 1:51:14 Using Expo's "EAS Update" for over-the-air updates 1:52:35 Blog Overview and Future Improvements 1:58:18 Blog Demo and Outro Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with. #notjustdev #webdevelopment #reactnative