tylerbishopdev

Directions:
---
//setup files + folders //

(npm create astro@latest) 
(npx astro add tailwind)

npm i @tailwindcss/forms @tailwindcss/typography 

*/

tylerbishopdev

---
const personResponse = await fetch('https://randomuser.me/api/');
const personData = await personResponse.json();
const randomPerson = personData.results[0];
---
<p>{randomPerson.name.first}</p>

tylerbishopdev

---
import { getProduct } from '../api';

const product = await getProduct(Astro.params.id);

// No product found
if (!product) {
  return new Response(null, {
    status: 404,
    statusText: 'Not found'

tylerbishopdev

  <div class="relative bg-black/90 dark:bg-oggreen/10 font-semibold text-ezgreen3 rounded-sm px-4 py-6 mt-4 w-auto">
            
              <code class="block font-mono text-sm code-block mt-2">
                /*Mono fonts can be used for code blocks/*
                <br>Mono Font Family: 'Source Code Pro', monospace<br>
                weight: 500 (font-semibold)
               </code>
              <button class="inline-block mt-8 align-content-md-end py-1 px-4 w-38 tracking-tight text-ezgreen3/90  hover:bg-ezgreen3/10 font-medium font-mono text-center focus:ring-2 focus:ring-black focus:ring-opacity-50 border border-white/20 text-sm rounded-xs" onclick="navigator.clipboard.writeText(document.querySelector('.code-block').innerText.trim())">
                Copy
              </button>

tylerbishopdev

{
  "group_comments_v2": [
    {
      "timestamp": 1578608318,
      "data": [
        {
          "comment": {
            "timestamp": 1578608318,
            "comment": "Chris Verhoeven Ezoic serves ads from Google Ad Manager, same place all others do. There\u00e2\u0080\u0099s no difference. How many sites with ads on them score above 80? None that have header bidding that I\u00e2\u0080\u0099m aware of ...\n\nSite Speed Accelerator can even makes those sites fast.",
            "author": "Tyler Bishop",