Short Term Goals 2024 §

Next §

Rate Limiting - Laravel 11.x - The PHP Framework For Web Artisans Jonas Hietala: A simple timeline using CSS flexbox

2024.11.08 - ? §

• Rig Low Poly Characters EASY: Blender Beginners - YouTube

• Tutorial: Blender MODELLING For Absolute Beginners | Low Poly Girl - YouTube

• How I made this 2D+3D animation in Blender - YouTube

• Blender Tutorial - Modeling Practice | Dust Bin - 03 - YouTube

• Blender零基础入门教程01 【先导片】 - YouTube

• Blender Tutorial for Complete Beginners - Part 1 - YouTube

• 使用 Blender 來創建自己的第一個 character。

2024.10.03 - 2024.11.08 §

這次的 short term goal 失敗了，進度很慢，拖得太久，截至 11 月 8 日才看了 7 個 article。這個目標是可以繼續的，不過我已經有新的更加急切的目標了（見下一個 short term goal），所以這個 goal 將會被擱置，一天中只會用極短的時間（拉屎的時候）來繼續。

• Practical React Query | TkDodo’s blog
• React Query Data Transformations | TkDodo’s blog
• React Query Render Optimizations | TkDodo’s blog
• Status Checks in React Query | TkDodo’s blog
• Testing React Query | TkDodo’s blog
• React Query and TypeScript | TkDodo’s blog
• Using WebSockets with React Query | TkDodo’s blog
• Effective React Query Keys | TkDodo’s blog
• Leveraging the Query Function Context | TkDodo’s blog
• Placeholder and Initial Data in React Query | TkDodo’s blog
• React Query as a State Manager | TkDodo’s blog
• React Query Error Handling | TkDodo’s blog
• Mastering Mutations in React Query | TkDodo’s blog
• Offline React Query | TkDodo’s blog
• React Query and Forms | TkDodo’s blog
• React Query FAQs | TkDodo’s blog
• React Query meets React Router | TkDodo’s blog
• Seeding the Query Cache | TkDodo’s blog
• Inside React Query | TkDodo’s blog
• Type-safe React Query | TkDodo’s blog
• You Might Not Need React Query | TkDodo’s blog
• Thinking in React Query | TkDodo’s blog
• React Query and React Context | TkDodo’s blog
• Why You Want React Query | TkDodo’s blog
• The Query Options API | TkDodo’s blog
• Automatic Query Invalidation after Mutations | TkDodo’s blog
• How Infinite Queries work | TkDodo’s blog

2024.09.28 - 2024.10.02 §

• Performance | Vite
• Why Vite | Vite

2024.09.23 - 2024.09.27 §

嘗試了新的方式來完成 short term goal，包括：

• 將目標設定的很小，比如這次的 short term goal 是完成 Laravel polymorphic relation 的學習
• 在每次外出散步和拉屎時，第一件事就是 short term goal 上的內容，每次只看少許，但可以保持對 short term goal 的關注。
• 到了晚上，將當天所學到的新的內容做成 spaced repetition 的複習內容，儘量減少單個複習內容的 scope，方便日後能夠更容易 retrieve 信息。

實行了一週，感覺良好。

• Laravel One to One (Polymorphic)
• Laravel One to Many (Polymorphic)
• Laravel One of Many (Polymorphic)
• Laravel Many to Many (Polymorphic)
• Laravel Custom Polymorphic Types

2024.06.17 - 2024.09.23 §

我高估了自己的能力：

• 將 short term goal set 的太大，這會增加完成不了的風險。
• 一旦因為其他事情（工作，生病）而停止了 short term goal 一段時間，想再次返回到 short term goal 上的時候，會比想像中要難，會有一種不知道進行到哪裡，需要花費精力來 catch up，從而萌生放棄的念頭。

以後的 short term goal 的 scope 需要儘量 set 的小一些。並且需要一些機制來讓自己停止了一段時間後，仍能比較容易地返回到 short term goal 上。

Main §

Setup Next.js authentication

• Integrate GitHub OAuth: 1. Login page. 2. Styling

• Query D1 using Prisma ORM · Cloudflare D1 docs

• Turso local development

• Deploy Astro to Netlify and use Turso as database

• Study email and password: Email and password

• Visual explanation of SAML authentication

• Styling Tables the Modern CSS Way - Piccalilli

• All I Know About Certificates — Certificate Authority | PixelsTech

• Database migrations with Geni and libSQL

• Create a database branch with GitHub Actions

• When to choose an ORM for your Database

• Announcing New Prisma, Hasura & Cloudflare Integrations with Turso

• Creating a website using htmx and Turso

• Build a poll-making website using SvelteKit, Turso, Drizzle, and deploy it to Vercel.

• Database migrations made easy with Atlas

• A/B testing use case with Turso

• Using Turso to serve a Server-side Rendered Astro blog’s content

• Create a shopping cart using Qwik and Turso

• Deploy a Nuxt 3 and Turso app on Vercel

• Deploying a web app built with Qwik and Turso on Netlify

• Creating a newsletter manager with Turso and Qwik

• Never ever use a database as a message queue. Do this instead.

• Implement username and password: Tutorial: Username and password auth in Astro

• Implement database (D1) to store user data

• Re-implement various server action from KV to D1

• Refactor path (e.g. from recipes/today to recipes/today/<user-id>)

• Access control for recipes: 1. login user can edit. 2. guest user can view

• Integrate Google OAuth

• Integrate credential authentication

2024.05.20 - 2024.06.12 §

Main §

Learn Nature of Code

Others §

• Animated Pride Flags
• All 29 Next.js Mistakes Beginners Make
• Pivot table using data from multiple tabs - Google Docs Editors Community
• 如何確保ssl證書沒有被偽造
• Zero-JavaScript View Transitions | Astro
• JSDoc
• 10 common mistakes with the Next.js App Router - YouTube
• Turbopack
• OpenID connect
• Why React Server Components Are Breaking Builds to Win Tomorrow
• postgres instead of trigger
• ACID
• Source map
• next 15
• noImplicitThis
• const globalForPrisma = globalThis as unknown as { prisma: PrismaClient }
• New Features in React 19 – Updates with Code Examples
• The TSConfig Cheat Sheet | Total TypeScript
• link prerender
• Promises From The Ground Up
• Web page performance / security / cost analysis
• How QUIC Is Displacing TCP for Speed and Security

2024.04.07 - 2024.05.19 §

Main §

Produce a baby diary book

Others §

• Remix
• Radix
• Shadcn
• Astro i18n
• Composition – Radix Primitives

2024.02.21 - 2024.03.20 §

Main §

• Setup local development server and use cloudflare tunnel
• Find a freelance job

Others §

• Vite

2024.01.21 - 2024.02.20 §

Main §

• Integrate an authentication framework & user management into journeyin30.com
  • Clerk middleware allows some routing authMiddleware() | Next.js | Clerk
  • Custom Clerk sign in, user button layout, remove branding Appearance prop | Clerk
  • Forget password workflow Custom flows | Clerk
  • Extra fields / Extend the database Instances / Environments | Clerk
  • Roles & permission Organizations, roles, and permissions | Clerk
  • Separate data set for development & production Instances / Environments | Clerk
• Integrate a cloud postgres into journeyin30.com
  • Prisma deployment Deploy a Node.js application with Prisma | Prisma Docs
  • Prisma migrate Getting started | Prisma Docs
  • Setup a postgres locally
  • Deploy to vercel and run migration
• Integrate a cloud object / blob / image into journeyin30.com
  • Integrate Vercel Blob
• Integrate a email send / receive service into journeyin30.com
  • Integrate Resend service
• Integrate a cloud KV into journeyin30.com
• Setup local server and do tunneling (github action?)
  • Setup cloudflare tunneling

Others §

• application/x-www-form-urlencoded vs multipart/form-data
• Cloud Egress Costs
• Variable Fonts
• tRPC Integrate Clerk into your Next.js Pages Router app with tRPC | Clerk
• How to Do Code Reviews Like a Human (Part One) · mtlynch.io

Priority works §

• Recipes history list
• Random favorite recipes

Done priority work §

• Setup Laravel + Nova workflow local development
• Deploy to a dev domain for integration
• Study API requirements & draw relationship graph
• Add proper database tables (e.g. inventory & order)
• Add corresponding REST API endpoints
• Write API documentation