π¬ Biological Scientist & Chemist | π© Aspiring Magician | π» Building SaaS with AI | π‘ Sharing insights on life, personal growth & more
Joined August 2009
- Tweets 1,953
- Following 633
- Followers 745
- Likes 8,723
314 Photos and videos
Pinned Tweet
17 Apr 2020
You can be the most intellectual person on the planet but if you have a child-like mindset, that is, being very emotional and prioritizing it over your logical reasons & expressing them through your actions, then people aren't going to respect you for the type of person you are.
4
Jun 15
10. Accessibility: alt text, keyboard navigation, focus styles, form labels, etc (2-passes β
)
11. PostHog Fix Boilerplate Docs (new taskβ
)
12. Resend fix (new task β
)
13. Cookie consent banner that actually gates analytics/third-party scripts (in-progress β³)
1
6
Jun 15
17. Booking/inquiry flow components for services
18. Toast/notification system for forms, tools, newsletter
19. Photography portfolio filtering & tagging by type/subject/year
20. Print/share styles for tools and blog (@ media print)
1
2
Jun 15
6. ISR Revalidation Webhook (new task β
)
7. Provider Refactor (new task β
)
8. CI/CD hardening: TS strict, next lint, npm audit/prodlint in pipeline (2-passes β
)
9. Sentry Observability Core Web Vitals monitoring (2-passes β
)
1
9
Jun 15
3. Next.js architecture: full App Router, app/api handlers, server components, loading/error boundaries (β
)
4. Caching & fetch audit (cache, revalidate, revalidatePath/Tag usage) (β
)
5. Root Layout x-invoke-path Audit & Fix (β
)
1
5
Jun 15
#BuildInPublic β Days 85-92: Creating a creator-CMS portfolio boilerplate based on my NextJS website I'm currently working on.
I wanted to post on day 89 so this thread wouldn't get long. But there's something addicting about wanting to continue building instead of posting.
2
21
Jun 15
Now currently working on a cookie consent banner that's compliant with privacy laws like CCPA and GDPR.
My to-do list:
1. Security headers, env split, server-only, API rate limiting, strip console.log (β
)
2. Convex input validation for all Server Actions & API routes (β
)
1
5
Jun 15
Resend Fix
β’ Double-checked the code and realized Resend wasnβt properly wired. Contact submissions were saved to Convex but never emailed me.
β’ Added the proper Convex Action (fire-and-forget after DB insert, escaping, reply-to, etc.). Now inquiries actually reach my inbox.
1
5
Jun 15
PostHog Boilerplate Docs
β’ Fixed PostHog proxying so events survive aggressive ad blockers (uBlock Origin).
β’ Wrote clear setup guides for Convex, Upstash rate limiting, Cloudflare Turnstile, Resend, and PostHog.
Purpose is to make my boilerplate beginner friendly.
1
27
Jun 15
β’ Created a secured Convex error forwarding endpoint so background job failures are captured.
Error tracking performance (Core Web Vitals) is now solid end-to-end.
1
2
Jun 15
Sentry Observability (Second Pass)
Did a full sanity re-check and uncovered inconsistencies:
β’ Normalized environment, release, and tracesSampleRate: 0.1 across client, server, and edge configs.
β’ Added proper header scrubbing (authorization, cookie, x-revalidate-secret).
1
9
Jun 15
β’ Hardened scripts/seedGalleries.mjs with a proper destructive-mode guard (--confirm-delete --url required).
β’ Fixed various small gaps (fetch-depth, env handling, etc.).
The pipeline is now deterministic, supply-chain hardened, and will catch issues early.
1
5
Jun 15
β’ Pinned everything: ubuntu-24.04, Node 22.x, and all GitHub Actions to exact commit SHAs (no more @ v4).
β’ Added CodeQL workflow for SAST scanning.
β’ Added Dependabot config for both npm and GitHub Actions updates.
1
32
Jun 15
CI/CD Hardening (Second Pass):
β’ Went deep on making the pipeline reliable and secure:
β’ Refined the full .github/workflows/ci.yml with separate jobs for lint, typecheck (tsc --noEmit), build, and audit.
1
4
Jun 15
β’ Created shared helpers: FAQAccordion, FormField, StatusMessage, AccessibleLightbox, MotionSafe, decorative emoji components.
β’ Refactored the gallery lightbox for better ARIA/focus trap.
β’ Ensured reduced-motion respect via CSS and wrapper patterns.'
1
3
Jun 15
Accessibility (Second Pass):
β’ Added :focus-visible rings consistently across more buttons, CTAs, and interactive elements.
β’ Improved keyboard navigation and form labels on remaining tools/services pages.
1
2
Jun 15
β’ Added proper alt text, form labels, and aria attributes
Fixed water intake calculators with fieldset legend aria-labels
β’ Added aria-label to the mindful eating timer range slider
1
4
Jun 15
β’ Configured tracesSampleRate and verified test events Core Web Vitals monitoring in the production dashboard
Accessibility
β’ Added consistent :focus-visible rings on buttons, CTAs, and interactive elements
β’ Improved keyboard navigation and focus styles across the site
1
7
Jun 15
β’ Confirmed clean npm audit with zero high/critical vulnerabilities
Observability (Sentry Core Web Vitals)
β’ Completed full Sentry integration (client server configs)
β’ Added source map uploads and tunnel routing (/monitoring) to bypass ad/tracker blockers
1
10
Jun 15
CI/CD Hardening
β’ Added a full GitHub Actions workflow (ci.yml) with jobs for lint, typecheck, build, and production audit
β’ Pinned Node.js to 22.x (Active LTS) in CI, .nvmrc package.json engines
β’ Added stricter TypeScript flags and rules
1
7
Jun 15
Provider Refactor
β’ Refactored auth and Convex providers to fix root layout cookie read issues and hydration mismatches
β’ Improved separation of concerns and server/client boundaries
β’ Result: much more stable admin dashboard behavior
1
4