aulianza.id
๐ฅ Personal website was built originally from scratch using Next.js, TypeScript, Tailwind CSS, SWR, Firebase and Prisma
Introduction
This website was carefully crafted from the ground using Next.js and other helpful tools, starting in June 2023.
I'm constantly making improvements to add more features and content. This website is where I share what I've learned and offer insights to others.
Feel free to use this website as a reference, for inspiration, or as a template, following the provided license. You can access the source code to customize it to your needs.
If you find this website helpful, please consider leaving a rating. ๐๐๐ป
If you have any questions, suggestions, or anything else, don't hesitate to reach out to me! ๐งโ๐ป
Tech Stack
This website is built using these technologies:
โผ๏ธ Next.js 13.5.6 โ๏ธ React 18 ๐ฐ TypeScript ๐ Tailwind CSS 3 ๐ Prisma Client ๐ฅ Firebase ๐ฆซ Zustand ใฐ๏ธ SWR โฐ Framer Motion ๐ข React Icons ๐ข Jest ๐งฟ Absolute Import and Path Alias ๐ ESLint โจ Prettier ๐ถ Husky & Lint Staged ๐ Conventional Commit Lint
Features
On this website there are several features that will continue to be updated and added in the future.
๐ค ChatGPT AI (Unavailable) You can access this feature by opening the command palette [cmd+k], then typing whatever you want to search/ask for. (Currently not available, but you can configure it on your machine with your own OpenAI api key)
๐ป JavaScript Playground A no-fuss pure JavaScript playground with a live feedback loop.
๐ฌ Realtime Guestbook Realtime guestbook chat is powered by Firebase. Anyone can leave me a message in this website.
๐ง Spotify Status Displays song information being played on spotify in real time using the Spotify API and SWR.
๐ Wakatime Statistics Data is retrieved using the Wakatime API and then displayed on the dashboard, built with Next.js API routes deployed as serverless functions.
๐ Blogs The content on this blog is meticulously managed and sourced from a self-hosted headless CMS powered by WordPress, exemplifying our commitment to a streamlined and efficient content delivery system. The data fetching technique used to retrieve articles from WordPress CMS API involves using Client-Side Rendering (CSR) for the blog list and Server-Side Rendering (SSR) for the blog details.
๐ณ Projects The data projects on this blog are taken from the PostgreSQL database connected through the Prisma Client. The database for this application is hosted on Supabase DB.The data fetching method used to retrieve data projects is Incremental Static Regeneration (ISR) with 1 second revalidation and Server-Side Rendering (SSR) for the project details..
