ccatto / chriscattodotcom

ChrisCatto.com repo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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;

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;

  • 1st update in June 2024. 2nd small

  • 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:

amplify aws css3 docker express figma git graphql html5 javascript jest nextjs nodejs postgresql postman react tailwind typescript

About

ChrisCatto.com repo

License:MIT License


Languages

Language:TypeScript 98.3%Language:JavaScript 1.2%Language:CSS 0.3%Language:Dockerfile 0.2%