Deno Fresh Job Board
Hey wonderful people, I hope you're having a great day!! 🦕 🦖
Can You Believe I Built A JOB BOARD with DENO FRESH 🦕 🦖?
In today's video, I will show you how I created a very simple remote job board for technical candidates in under an hour. I hope this inspires you to build something awesome too!
Deno Fresh Job Board - By Eric David Smith
Tech Stack
The tech stack we will be using here is:
- Deno
- Deno Fresh
- Deno Deploy (Not showcased here in this video)
- Twind (Tailwind CSS)
- A 3rd Party API - remotive.com
- Progressive Web App - PWA
- A bit of love
- and more
Overview
The site is incredibly simple, consisting of many components but ultimately one single page.
Sit back and let me show you how I build things. We won't be building from scratch since the site is already built, but I will refactor some code along the way and describe why I as a software engineer do things a certain way.
Please leave your feedback - I love your feedback, both good and bad. Be sure to watch until the end!
Links
Checkout the final project: https://remotelyhiring.com
Try running a Lighthouse test on it to test the performance.
Looking for a new tech job?
- Checkout remotive.com
Checkout Deno Deploy: https://deno.com/deploy
Checkout Deno: https://deno.land
Checkout Deno Fresh: https://fresh.deno.dev
If you subscribe, share, like, comment and possibly clean my apartment, I will share the code with you on Github: https://github.com/erictherobot
YouTube Chapters:
- 0:00 - Introduction
- 0:30 - Promo
- 0:40 - Overview
- 1:29 - Tech Stack
- 2:25 - Reviewing Code Tree / Structure
- 2:48 - Quick Refactor - Code Optimizations
- 4:00 - Layout Component
- 4:36 - Feature Toggles
- 5:23 - Meta Component
- 7:34 - Tech Jobs Page
- 8:34 - Refactor Card Component
- 11:30 - Custom Colorful Dot SVG Component
- 12:41 - Fetching Data from Jobs API
- 15:01 - Island Architecture - ThemeSwitcher / DarkMode
- 15:56 - SiteConfig Refactor
- 17:39 - Helper Functions
- 17:53 - Error Pages - 500 / 404
- 18:15 - Dynamic XML Sitemap Generation
- 18:58 - Progressive Web App (PWA)
- 19:19 - Tailwind Config - DarkMode
- 19:26 - Recap
- 19:38 - Subscribe for code access
- 19:52 - Checkout More Videos
Supporting My Work
Please consider Buying Me A Coffee. I work hard to bring you my best content and any support would be greatly appreciated. Thank you for your support!
