theodorusclarence.com
leerob.io
theodorusclarence.com | leerob.io | |
---|---|---|
6 | 59 | |
622 | 6,900 | |
- | - | |
8.1 | 8.7 | |
20 days ago | 9 days ago | |
MDX | MDX | |
GNU General Public License v3.0 only | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
theodorusclarence.com
- I Remake My Personal Site using Tailwind CSS
-
7 Powerful Mac Applications that You Must Install
If you are questioning what is raynaldo.me Quicklinks is, here is the answer. My brother, Thedorus Clarence created a Next.js project called notiolink, so we can create short links in notion. If you are interested, you can install it by yourself. I will give some demo videos below.
-
React Loading State Pattern using Toast & SWR
It is open source if you want to check the source code
-
How to show Now Playing in Spotify with Next.js
On my personal website, I use Spotify API to show what song is currently playing. Now, I will try to explain on how do I do that.
-
Next.js + Tailwind CSS + TypeScript Starter Template
// src/components/Seo.tsx import Head from 'next/head'; import { useRouter } from 'next/router'; const defaultMeta = { title: 'Next.js Tailwind Starter', site_name: 'Next.js Tailwind Starter', description: 'A template for Next.js and Tailwindcss by Theodorus Clarence', url: 'https://theodorusclarence.com', image: 'https://theodorusclarence.com/favicon/large-og.jpg', type: 'website', robots: 'follow, index', }; type SeoProps = { date?: string; templateTitle?: string; } & Partial; export default function Seo(props: SeoProps) { const router = useRouter(); const meta = { ...defaultMeta, ...props, }; meta['title'] = props.templateTitle ? `${props.templateTitle} | ${meta.site_name}` : meta.title; return ( {meta.title}title> <meta name='robots' content={meta.robots} /> <meta content={meta.description} name='description' /> <meta property='og:url' content={`${meta.url}${router.asPath}`} /> <link rel='canonical' href={`${meta.url}${router.asPath}`} /> {/* Open Graph */} <meta property='og:type' content={meta.type} /> <meta property='og:site_name' content={meta.site_name} /> <meta property='og:description' content={meta.description} /> <meta property='og:title' content={meta.title} /> <meta name='image' property='og:image' content={meta.image} /> {/* Twitter */} <meta name='twitter:card' content='summary_large_image' /> <meta name='twitter:site' content='@th_clarence' /> <meta name='twitter:title' content={meta.title} /> <meta name='twitter:description' content={meta.description} /> <meta name='twitter:image' content={meta.image} /> {meta.date && ( <> <meta property='article:published_time' content={meta.date} /> <meta name='publish_date' property='og:publish_date' content={meta.date} /> <meta name='author' property='article:author' content='Theodorus Clarence' /> </> )} Head> ); }
-
Styling Best Practices I Use With Tailwindcss
Notice the use of space between to reduce class too. The code example is taken from this website and available on github. Kindly star it if it helps!
leerob.io
-
Upgrade my blog to Next.js 13.4 with MDX, Prisma, Tailwindcss, Planetscale, Giscus and Contentlayer
Shen Lu's portfolio, inspired by leerob.io.
-
Next.js 13.4.8
This might be due to implementation. The same pattern on my site (without the entry/exit animation) is working as expected. http://leerob.io/
-
Looking for Minimal portfolio website template
Something like https://leerob.io/
-
Torn over personal minimalist aesthetics vs modern web design
Hey OP, I think Lee Robinson's Portfolio would be great middle ground between these. Check it out https://leerob.io/
- Could you please suggest some Next.js project source codes, preferably v12 or fewer, that I can use to learn from?
- WebDev: Ce ar trebui sa incep sa invat: Next.JS 12 vs Next.JS 13
-
I just redesigned two of my websites inspired by Lee Rob
So, while looking for websites to get inspired on, I found Lee Rob's website and I was amazed by how minimal and beautiful it is!
-
My portfolio built with Next.js, TypeScript, Firebase, and Vercel ✨
You've forked the site from leerob.io, no wonder it seemed to familiar lol
-
I made a full-stack portfolio site using Next.js and Tailwind!
The initial idea I had in my mind was a very minimal site with a minimal navbar that would look more like a sidebar, and the design would be somewhat inspired by leerob’s site. Apart from this, I also wanted my site to display some cool dynamic and real-time data like my Spotify data, my blog posts fetched from dev.to and a guestbook where people could leave messages for me!
-
Flutter Portfolio Suggestions
Here's mine, though still very unstable especially on mobile, design inspired by Leerob.
What are some alternatives?
ts-nextjs-tailwind-starter - 🔋 Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features
nextjs-notion-starter-kit - Deploy your own Notion-powered website in minutes with Next.js and Vercel.
LiveTerm - 💻 Build terminal styled websites in minutes!
HULL - 💀 Headless Shopify Starter – powered by Next.js + Sanity.io
maxp.co - Personal website built with SvelteKit, Tailwind CSS, and shadcn/ui. Deployed on Vercel.
react-syntax-highlighter - syntax highlighting component for react with prismjs or highlightjs ast using inline styles
iTerm2 - iTerm2 is a terminal emulator for Mac OS X that does amazing things.
next-themes - Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing
personal-site - Portfolio and blog made with Next.js and JAMStack.
fontsource - Self-host Open Source fonts in neatly bundled NPM packages.
Dozer - Hide menu bar icons on macOS
tailwind-nextjs-starter-blog - This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.