Theodorusclarence.com Alternatives

theodorusclarence.com reviews and mentions

• I Remake My Personal Site using Tailwind CSS
  3 projects | dev.to | 15 Mar 2022
• 7 Powerful Mac Applications that You Must Install
  4 projects | dev.to | 28 Feb 2022

  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
  1 project | /r/reactjs | 13 Nov 2021

  It is open source if you want to check the source code

• How to show Now Playing in Spotify with Next.js
  1 project | dev.to | 15 Sep 2021

  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
  2 projects | dev.to | 13 Aug 2021

  // 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
  1 project | dev.to | 16 May 2021

  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!

• A note from our sponsor - InfluxDB
  www.influxdata.com | 4 May 2024

  Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →