feat(layout): Add sample video player

content/2020-05-05-data-fetching-nextjs.mdx

@@ -6,7 +6,7 @@ categories: []
 keywords: ['nextJS', 'data fetching', 'api', 'javascript', 'typescript']
 slug: data-fetching-with-next-js
 type: 'blogPost'
-featured: true
+featured: false
 colorFeatured: 'rgb(22, 23, 28)'
 fontFeatured: '#FFFFFF'
 ---

content/2020-09-25-swiftui-as-react-dev.mdx

@@ -0,0 +1,40 @@
+---
+title: 'Going native: SwiftUI from the perspective of a React developer'
+subtitle: Approaching the latest design patterns in native iOS development with a React developer mindset
+date: '2020-09-25T08:00:00.000Z'
+categories: []
+keywords: []
+slug: swiftui-as-react-developer
+type: 'blogPost'
+featured: true
+colorFeatured: 'rgb(22, 23, 28)'
+fontFeatured: '#FFFFFF'
+---
+
+import { SlidingWindow } from '../src/components/MicroAnimations/ReactSwift';
+import VideoPlayer from '../src/components/VideoPlayer';
+
+<br />
+<br />
+<SlidingWindow />
+<br />
+<br />
+
+For the past few months, I've taken the endeavor of learning how to build native iOS apps, but this time for real (it was my 3rd attempt, I've given up twice). However, this time was different. Apple has been promoting SwiftUI for over a year to develop apps across its entire platform. From the iPhone to the Mac: one single framework. Not only the cross-platform aspect was interesting for me, what stroke me the most when I got my first glance at SwiftUI, was how familiar it looked to me, as someone who's been working with React and Typescript for several years now.
+
+Indeed, having experience working with "Reactive" libraries/frameworks and types speed up my learning. My first code felt oddly familiar to things I've built in the past in React and, I could see a lot of overlap in design patterns. Now that I started developing an app on my own, I wanted to share some of these common design patterns between SwiftUI and React that I keep encountering with the hope that this will inspire other React developer out there to get started with SwiftUI as well! 🚀
+
+<VideoPlayer
+  poster="/poster.png"
+  src="https://d2xl4m2ghaywko.cloudfront.net/test.mp4"
+  controls={['play-large', 'play', 'progress', 'current-time', 'fullscreen']}
+  width={349}
+/>
+
+## Part 1
+
+Content
+
+## Part 2
+
+Content

package.json

@@ -44,7 +44,7 @@
     "gatsby-plugin-typescript": "^2.2.2",
     "gatsby-remark-sectionize": "^1.0.0",
     "gatsby-source-filesystem": "^2.1.9",
-    "gatsby-theme-maximeheckel": "0.11.1",
+    "gatsby-theme-maximeheckel": "0.12.0",
     "prop-types": "^15.7.2",
     "react": "16.13.0",
     "react-dom": "16.13.0",