Discover @theodorusclarence Open Source projects

Theodorus Clarence (@theodorusclarence)

theodorusclarence

Stars
4,664
Global Rank 5,894 (Top 0.3 %)
Followers 1,211
Following 196
Registered about 5 years ago
Most used languages

TypeScript
52.9 %

JavaScript
29.4 %

Shell
5.9 %

Swift
3.9 %

SCSS 2.0 %

MDX 2.0 %

C
2.0 %

HTML
2.0 %
Location 🇮🇩 Indonesia
Country Total Rank 25
Country Ranking

MDX 1

TypeScript
3

JavaScript
103

Swift
143

Shell
195

SCSS 221

C
583

HTML
3,506

ts-nextjs-tailwind-starter

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

theodorusclarence.com

💠 Personal website and blog made using Next.js, TypeScript, Tailwind CSS, MDX Bundler, and Prisma with PostgreSQL

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.

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

lhokutang

💰 App to track debt with your housemates

nextjs-with-auth-hoc

nextjs-fetch-usecase

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

now-playing-spotify

learn-hover-radial-gradient

nextjs-csr-ssg-isr

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

react-patterns

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

Tailwindcss-Injector

Firefox Addons for Injecting Tailwindcss Classes from CDN

wa-helper

A WhatsApp helper to avoid saving number to your contacts.

ta-multistepform

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

ios-custom-tab-swipe-gesture

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.

chat-app

rhf-multiple-select

example for dependent select option

react-loading-state-pattern

🔥 Hassle free asynchronous pattern using React Hot Toast, and SWR

grafkom-pertemuan-2

Triangle, Circle with WebGL

test-issue-autolink

task-manager-api

sxceosleague

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

dotfiles

learn-msw

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

learn-replicache-prisma

expansion-pack-demo

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

petrolida-2021

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

learn-react-image-magnify

git-tips

learn-release-please

Test repository for release-please github actions

demo-responsive

fp-sisop-A08-2021

learn-nextts-auth

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

theodorusclarence

jarkom-shift2-gns

excalidraw-blog

Excalidraw files for my blog

learn-scrollspy

Example code of Scrollspy effect, useful for table of contents.

progate-calculator

Assignment to make calculator.

responsive-website-build

learn-nextjs-cloudinary-loader

ios-360-skybox