recap 2023
- lulus kuliah 👨🎓
- kerja remote di US company
- buka revision-style mentorship
- nulis paid blogs buat logrocket
- lead team buat project yang usernya ± 1.5 juta
- dibayarin apple dev ke sg buat nyobain vision pro 👀
- made some new friends to wfc tgt
recap 2023
- Resign dari PNS
- diteror calo tiket
- diteror fans mardigu
- diteror bandar judi online
- diserang bocil fans streamer
- Punya anak kedua
- Ibu kena cancer
- Bikin channel youtube Malaka Project
- Bikin Program Beasiswa
- nonton coldplay
I just made an app to track debts for my `kos` (kinda like a dorm). What a practical case to learn backend🤣
We usually bought food together and quickly forgot how much to pay.
Built with Next, Prisma, NextAuth, and Supabase's Postgres in just over 2 days (what a great stack)
New to front-end? Familiarize yourself with the correct terms for UI Patterns
One great tip is to check libraries' documentation.
They have it complete with the code, implementation, and interactable examples.
Here are some that I recommend 👇
Introducing Aether 🔆
Aether serves as the building block for some of my team projects.
This design system uses Next.js, TS, Tailwind CSS, Headless UI, Zustand, Tanstack Query, React Hot Toast, React Hook Form, React Select.
Soon: (React Table, Popper)
We're opening 4 new positions at Dimension.
We're backed by the best investors in the world, including the founders of GitHub, Pitch, Netlify, Postman, WorkOS, Framer, Sourcegraph.
We have a massive waitlist and a game-changing product.
Details Below:
Introducing Notiolink 🔗
Linktree and branded link shortener that you can set up in just 15 minutes! 😮 Built with
@vercel
and
@NotionAPI
Features on the thread👇
2021 was learning through tutorials
2022 is learning by case and projects
Once you got the fundamental theories, go and make something to solidify them
[Open Paid Mentorship]
Hai guys, jadi aku mau open mentorship untuk frontend development React.
Namanya 'Revision-Style Mentorship'
(Details in thread)
baru nyadar, gw dan
@abielzulio
sama” freshgrad dan dapet kesempatan buat kerja remote di luar
Bikin space untuk sharing pas kuliah nyiapin portfolio dan pengalaman kerja remote deh.
Pekerja remote lain kali aja bisa sharing” juga gimana dapetnya
👇👇
finished my thesis! 🎉
I’m grateful that I got the chance to work on something that I truly enjoy:
Multistep Form and Form Components using Next.js, React Hook Form, and Zustand ✨
My recursive component got some of your attention lately, so I decided to open-source them 😄
There are two components so far: Nested Form, and Collapsible Nav 🔥
Check it out on
Git Tips
#1
🕹 - Renaming Last Commit
If you have a typo on the *last* commit message, you can fix it by *amending* commit 😉
Don't forget to push force if you already pushed the incorrect one to remote.
Over the year, traffic keeps building up, and my Vercel serverless function almost hit the limit
here's what I learned about caching API to lower the usage
This is one of the articles that I'm most proud of
It answers all of my past curiosity about React state by simulating vanilla js behaviour.
Sometimes, when I re-read them, I still wonder how the hell I got the idea to write them like that.
React Core Concept: useEffect
This is for another article, but I want to test a mental model first.
Comments & suggestions are highly appreciated.
Here we go 🧵 0/8
Hey 👋, this Saturday I'll be hosting a webinar about "Practical Flexbox" (Bahasa Indonesia). It will be an in-depth explanation of how flexbox works inside the browser.
If you have the time, register yourself at (FREE).
See you guys on saturday!
I've been writing tech articles for almost 3 years.
During those years, my 37 articles have generated almost 400k views 🥳, with 6k monthly visitors
Here's my process for writing a blog post ✍️
Hai
#TechTwitterIndonesia
🇮🇩,
Open Discussion balik lagi! Yuk ikutan ngobrol" bareng malem ini jam 19.30 WIB. Kita akan bahas yang santai" dulu & sharing pengalaman sebagai software engineer
one of my short term goal is to have a product.
I’ll be launching a paid article about “Everything I did to build a software engineer portfolio” soon!
today’s space is also hosted for me to test my materials 👀. Will be compiling them to an awesome article! 🔥
ts-nextjs-tailwind-starter is updated to App Router!
Sorry for the long wait; I was pre-occupied with my thesis 😅
The expansion pack will be updated gradually.
In progress: Notiolink 🚀👀
A link shortener that you can self-host for free!
It's using
@vercel
edge function making it super fast, combined with
@NotionHQ
's great UX as a CMS
✨
I got a case where I have three projects that use the same design system (aether).
Whenever there is a change in the design system, we need to update them to 3 projects, and it gets pretty repetitive.
Here's what I did ✍️
kalo sesuai pengalamanku, dinotice karena punya open source projects.
So, start building in public. Bahkan walau masi code-along via tutorial, share aja gapapa biar terbiasa
[cont]
One practice that I always do with my team is adding a screenshot (preferably recording) to speed up PR
It helps the reviewer to get some context about what needs to be checked
1 month into the job and it looks super promising 🚀
great looking app that will be very useful for modern teams.
working on it felt like a hobby project because it actually is something that I like and am interested in. Also, we have an awesome and talented team!
Thank you to everyone for your support.
This wouldn't be possible without our amazing team, including
@CL_REX
,
@notcnrad
,
@faisal_sayed05
,
@th_clarence
and everyone else who worked with us!
If you're excited for Dimension, join the waitlist at !
I've been taking notes of my daily highlights for almost 2 months now.
that highlight does a really good job of triggering cues to visualize flashes of images in my memory. Very delightful!
[🇮🇩] Next.js Data Fetching Part 3: Server Side Rendering!
Keys to emphasize:
1. Menggunakan getServerSideProps
2. Ada delay sebelum render, dan tidak ada loading indicator
3. Data difetch setiap page request
🥲 Margin Bottom vs 😋 Margin Top
When using margins, try to only make an effect on the element that you put the margin to. It will be so much easier to maintain.
1.100 new friends 🤯
I tweet about frontend and rebuilding mental models through a blog!
About me:
🇮🇩 I'm from Indonesia
🎓 Currently still in uni
🏆 My blog has 8k monthly visitors & growing!
👾 I do Twitter spaces (id & en)
What (side) project are you working on right now?👇
Coming up this Wednesday! 🚨
If you've used my starter, this will help you use it to the fullest potential. However, if you aren't convinced yet, this might do it.
In this post, all features are covered thoroughly as well as my reason for adding them 🚀
It's out! 🚨
I covered a lot of development features and automation that can be used to boost our efficiency.
This also saves a lot of time in enforcing a certain convention to your co-workers (lint, styling, commit messages, snippets, tests).
looks like I enjoy writing the most when I'm currently learning that topic
I just wrote a swift article in just like 3 days. Available this afternoon!
A new blog audience, are there any swift peeps here? 🤔
You get UX, you get UX, everybody gets UX!
Finally got the table–of–content to scroll into view 👀
Code is still accessing documents tho, do we really have to use ref? The snippet is in the comment section. Feedback pls
Just had another great chat with
@allysedotdev
Allyse is a genuine person and it was an awesome chat. Good luck with your future endeavors! 💪
It's the second time I have ever chatted with someone I know from Twitter, and it is super fun to do this! 🙌