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 stepbystep guide and build your own responsive blog in React Native!

Source Code: https://github.com/notJustdev/RNBlog

❗Try our FREE 2day Masterclass on notJust.Academy: https://assets.notjust.dev/masterclas...

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 FullStack Mobile Developer course and don’t miss out on your chance to become a 6figure dev! Check out what our successful students are saying about their experience:
https://academy.notjust.dev/?utm_sour...

Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJustdev/d...

Join the notJust Development gang and let's build together:
Twitter:   / vadimnotjustdev  
Instagram:   / vadimnotjustdev  
Facebook:   / notjustdev  
LinkedIn:   / vadimsavin  
Discord:   / discord  

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 overtheair 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