⭐ I’m a frontend dev. I work mainly w/HTML, CSS, & JS

last year I built stuff that doesn’t sound like frontend work:

- custom APIs and DBs (both GraphQL & REST)
- user dashboards
- video manipulation

but it all *felt* comfortable & within my skillset

how? a thread: 🧵

I do all sorts of demos and "hello world" projects, but I want to focus on real-world apps only in this thread. specifically, I'll talk about this production project:

✨ Jamstack Explorers 👩‍🚀

this is a load-bearing app that a lot of people depend on
to build Jamstack Explorers, we needed:

🗄 a custom database to track mission progress
📝 a content management system
🔐 user authentication
🎬 video manipulation

we were a small team of frontend devs and we needed to ship quickly — this was a daunting todo list 😅
🗄 custom database

using @HasuraHQ Cloud, we were able to create a new DB, configure it, and test the API all from a web interface — no config files or server setup required

we got it running in a day & I never felt like I was in over my head, even though DBs make me nervous!
📝 content management

we chose @sanity_io as a CMS. we used their CLI + JSON schema to set it up for Markdown + @mdx_js, exposed through a GraphQL API

the docs were great — it still felt like I was well within my frontend wheelhouse while we set this up
🔐 user authentication

OAuth2 is a challenge to set up, *BUT* by using @Netlify Functions, we only had to figure out how to handle auth — not how to set up/deploy a server, listen for requests, AND handle auth. it was head-bendy, but it's still written in JS, so it felt familiar
🎬 video manipulation

this scared me — like, where do we even start?

fortunately, @cloudinary made it super approachable! we upload videos through Cloudinary's UI, then use the URL-based API to handle transformations like auto-generated title cards & auto-inserted bumper videos
👉 remember: we did all of this — user dashboards, custom databases, on-the-fly video editing — in a Next site that deploys to Netlify with a few serverless functions and SaaS tools. we deployed without ever having to think about containers or kubernetes or SSH-ing into a server
it felt GREAT to be able to build all of that functionality without having to step very far outside my primary skillset. I got to be a frontend developer, and when we needed more, we stitched in third-party services and relied on serverless to keep things approachable 🔥
this approach also made us SO MUCH FASTER. we built all of that functionality as a team of frontend devs in a couple months while *also* working on a pile of other projects *and* making all the video content for it 🤯

what we *didn't* do is go into crunch mode to ship 👀
while I'd love to say it's because my team is incredible (they are), the truth is that the Jamstack architecture with SaaS powering backend needs will make teams faster no matter who they are. there's less context switching, fewer layers to navigate, and clearer system boundaries
➡️ my major point here is: I am *so stoked* I get to be a frontend dev right now. I never would have dreamed I could build even half of what I helped build

I'm even *more* stoked to see what the devs in this incredible community can do with all these capabilities! 💜

More from Education

Okay, #MAEdu, let's talk FY22 and the Student Opportunity Act: https://t.co/o1tgppGy4K


First up:

The FIRST year, Governor Baker?

This is the second year of SOA implementation: you're missing one.


So, are we going to do this in six years, or are we just going to kick the can ANOTHER year on kids?

Remember, school funding is builds on prior years.

We never get that missing funding back.


Also: what are the base numbers being used?

Is the Governor dropping enrollment, even though we all know that was an artificial drop?


There's a decent chance that a WHOLE bunch of those kindergartner and preschoolers are going to be back this fall if we manage to get kids into buildings, PLUS we'll have the USUAL enrollment of preK and K!

...and less funding than usual?
I get asked a lot how you can improve your skills and chances of getting a job as a developer. Best way is to work on a real-world project, deploy it, make it open-source, get feedback from others, share your knowledge, rinse, repeat.

Here are my top 7 project ideas. Thread 👇

1. 📊 Build an embeddable user feedback form (clone of
https://t.co/xFHvT7iFEf) . Have a top notch design, fully working, minimal bugs, open-source, deploy it free on Heroku / Netlify / Vercel. If you can spare $11, buy a domain. Share with the whole world when done.

2. 🚀 Build a product roadmap SAAS.(https://t.co/Rq9DBeCMlh) Users can create new projects, create different stages for their projects. The community can submit project ideas, vote on existing ideas. Project owners pay a monthly fee per project.

3. ⛈️ Build a digital marketplace. (https://t.co/BWd1aeWMt5) Sellers can upload digital products for sale. Customers can purchase digital products and securely download. Sellers are paid out at the end of every month. Don't make it complicated, implement a great design.

4. 👨‍🏭 Build a job board software (https://t.co/EjWoMyqi9H). Companies can post jobs for a price, providing a link to the job application form. Jobs can be highlighted as urgent for an additional price.

You May Also Like

1/ Some initial thoughts on personal moats:

Like company moats, your personal moat should be a competitive advantage that is not only durable—it should also compound over time.

Characteristics of a personal moat below:


2/ Like a company moat, you want to build career capital while you sleep.

As Andrew Chen noted:


3/ You don’t want to build a competitive advantage that is fleeting or that will get commoditized

Things that might get commoditized over time (some longer than


4/ Before the arrival of recorded music, what used to be scarce was the actual music itself — required an in-person artist.

After recorded music, the music itself became abundant and what became scarce was curation, distribution, and self space.

5/ Similarly, in careers, what used to be (more) scarce were things like ideas, money, and exclusive relationships.

In the internet economy, what has become scarce are things like specific knowledge, rare & valuable skills, and great reputations.