ChrisCatto.com

• this is a repo for the domain ChrisCatto.com

It's utilizing Next.js create-next-app

This is based from the starter template for the Next.js App Router Course. It contains the starting code for the dashboard application. For more information, see the course curriculum on the Next.js Website.

Running:

    $ npm install
    $ next build
    $ next dev

to run prettier

    $ yarn prettier

Current node version is 20.9.0 as of March 26th 2024; Current Next version is 15.0.3

April 23, 2024 Release 1.1.01

• 003 release May 3rd 003 contact page | gridsend & fly.io updated

• Release includes Layouts; Nav; 3 sections including Home; code & about.

• 004 contact page including inserting results via prisma into contact table May 6th 2024.

• Release May 9th includes Added Prisma section & shadcn; tables & data fetching.

• 006 release May 19th 2024 lots of docs & pages;

• test git actions

• 007 top footer; nav accordions; 2 new doc pages remove array item & nextjs port.

• 008 5.22.24 hotfix to handleCloseAll with code nav;

• 009 6.13.24 Updates - released 7.30 including css-styles & flexbox.

• 010 7.30.24 starting - probably going to add more AWS section;

• 011 8.23.24 AWS initial section of cloud practitioner is pretty much complete;

• 1st update in June 2024. 2nd small

• 011 11.16.24 deployed aws minor updates & switched to branch 12

• when deploying utilize the command

• 012 is branch chriscatto.com version 1.2.2 updated Next to v15 & eslint; also neon db was deleted I think since it was free & not used;

• 013 what is on deck???? ======= fly deploy

• using @next/third-parties for GA4.
• using "react-syntax-highlighter": "^15.5.0", && @types/react-syntax-highlighter for syntax highlighting
• using pg package v^8.11.5 for postgresql
• using prisma as ORM
• using @prisma/client as db client
• using next-auth for authentication
• using @auth/prisma-adapter for auth adapter
• using @auth/prisma-adapter for data base adapter for next-auth v5
• using nodemailer for sending emails;
• using react-hook-form for forms
• using @hookform/resolvers for access to resolvers we can plug into our forms
• using zod for validation library;
• using googleapis for google APIs & dynamically generate access token;
• @logtail/next for https://betterstack.com/docs/logs/javascript/nextjs/
• Using @sendgrid/mail to send email after issue with nodemailer on aws
• @flydotio/dockerfile produces a dicker file
• using dayjs open source js date library great for manipulating dates & times
• using framer-motion for animations; when trying quickly couldn't get tailwind animation-spin work so went with this popular 3rd party library;
• adding shadcn-ui to project -- shadcn-ui installed the following:

• class-variance-authority
• lucid-react
• tailwind-merge
• tailwindcss-animate

---

• Adding stripe @stripe/stripe-js
• using react-embed-gist to display code embedded
• using use-shopping-cart for shopping cart state & logic for Stipe;

shadcn components:

• table npx shadcn-ui@latest add table
• dropdown menu npx shadcn-ui@latest add dropdown-menu
• button
• input
• accordion

---

• using @tanstack/react-table for a data table

---

Needed to update tsconfig.json to add "noImplicitAny": false, to resolve the react-syntax-highlighter type error.

Languages and Tools:

• updating to next 15 is interesting due to dependencies