Theodorus Clarence

ts-nextjs-tailwind-starter. 🔋 Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features

theodorusclarence.com. Old repository of my personal website. The revamped and new design is closed-source ✌️

notiolink. ⚡ Self-hostable branded link shortener built with Next.js & Notion API

rhf-stepform. 🦘Step form built using React Hook Form, Yup, Typescript, and Zustand

aether-design-system. 🔆 Aether serves as the building block for some of my team projects.

og. 🍇 Open Graph Generator made using @vercel/og for personal use

expansion-pack. 🔋 Useful stack expansion for ts-nextjs-tailwind-starter

vite-react-tailwind-starter. ==== No longer actively maintained ==== Vite + React + Tailwindcss starter. React Router, and React Helmet preconfigured.

framer-motion-recipe. A collection of animation recipes using Framer Motion.

nextjs-tailwind-starter. A starter for Next.js and Tailwindcss, with Seo component.

rhf-input. React Hook Form Input Defaults

learn-auth-redirect-nextjs. Learning auth redirect on Next.js to prevent content flashing

dialog-manager. 💬 Dialog Manager using TypeScript, Zustand with Immer, and Tailwind CSS

recursive-component. TypeScript

lhokutang. 💰 App to track debt with your housemates

nextjs-with-auth-hoc. TypeScript

nextjs-fetch-usecase. Thorough explanation of how to choose between CSR, SSG, SSR, or ISR on Next.js

nextjs-csr-ssg-isr. Examples of 4 fetch methods in Next.js, explanation available in my blog https://theodorusclarence.com/blog/nextjs-fetch-method

learn-hover-radial-gradient. TypeScript

now-playing-spotify. JavaScript

react-patterns. TypeScript

git-emergency. 🔥 save your work, then yourself

seasfor.us. Find beach clean-up events in your local coastal area

docs. 📝 Personal documentation about my best practices on development

ios-custom-tab-swipe-gesture. Swift

Tailwindcss-Injector. Firefox Addons for Injecting Tailwindcss Classes from CDN

wa-helper. A WhatsApp helper to avoid saving number to your contacts.

love4heroes. An app to send thank you cards to frontline workers. The mission of this app is to let people share gratitude for frontline workers.

ta-multistepform. Sandbox for final project: refactoring PPDB Jatim from CI to Next.js

rhf-multiple-select. example for dependent select option

react-loading-state-pattern. 🔥 Hassle free asynchronous pattern using React Hot Toast, and SWR

expansion-pack-demo. Demo & testing repository for ts-nextjs-tailwind-starter expansion pack

pro-essentials-workshop. TypeScript

dotfiles. Shell

total-typescript-book. The companion repo for the upcoming Total TypeScript book

learn-replicache-prisma. TypeScript

test-issue-autolink. TypeScript

grafkom-pertemuan-2. Triangle, Circle with WebGL

sxceosleague. StudentsxCEOs League website repository. Created with Next.js and Tailwindcss

umami. Umami is a simple, fast, website analytics alternative to Google Analytics.

learn-msw. Learn MSW with Next.js to mock server and browser request

task-manager-api. JavaScript

chat-app. JavaScript

theodorusclarence.

petrolida-2021. This is a website for Petrolida 2021 by SPE ITS SC. Made with Next.js, Tailwindcss, and GSAP.

comuline-api. The API for Indonesian public transportation data, built using Elysia

comuline-web. The web app for Indonesian public transportation data, built using Next.js

excalidraw-blog. Excalidraw files for my blog

storybook-tsnext-tw. Storybook documentation of https://tsnext-tw.thcl.dev

learn-scrollspy. Example code of Scrollspy effect, useful for table of contents.

progate-calculator. Assignment to make calculator.

react-lite-youtube-embed. 📺 ‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎< A private by default, faster and cleaner YouTube embed component for React applications />

learn-release-please. Test repository for release-please github actions

demo-responsive. HTML

jarkom-shift2-gns. Shell

pweb-nextjs-notion-kit. Deploy your own Notion-powered website in minutes with Next.js and Vercel.

learn-nextts-auth. TypeScript react context example for user authentication. Also has full-page loader to prevent content flash