jschuur / decent-nextjs-starter-template Goto Github PK

EXCITED to try this. A lot of great tools you've assembled together here.

Any specific setup instructions?

When I run bun run dev I get an error:

Error: $config is not defined

I get that:

• Probs nothing to do with you
• Could be because of bun instead of pnpm

Wondered if you had any thoughts?

A button on a card in the stack could open up a larger modal and show a few more details on each item and how it was configured/implemented (including offering alternatives e.g. to shadcn/ui, Turso or Drizzle).

• calls revalidatePath
• requires secret in API call
• defaults to '/'
• optionally pass path
• option to make fetch request to invalidate/rebuild path right away
• also works for authenticated user?
• multiple paths
• also support revalidateTag
• apply to stack items admin table
• list in readme

• store in resources table
• eventually, make editable like the stack list too?
• add resource count to admin dashboard

https://nuqs.47ng.com/

Wait for shadcn/ui charts? Or use Raw Tremor?

Show example charts us datapoints on how the world is improving.

• Iterate through a list of logos and display (flexbox)
• add logos for major stack pieces to homepage

useCopyToClipboard from usehooks-ts

https://dashboard-oss.tremor.so/overview

• logo/site name separate and optionally hidden in mobile
• separate NavItem component
• underline (with offset) current entry
• load from array in main Nav component
• drop down for responsive layout (might be separate task)
• allow for shortened names in mobile view
• comment for optional link prefetching

Theme Provider: https://ui.shadcn.com/docs/dark-mode/next
https://github.com/pacocoursey/next-themes

Quick way to remove files that a new project doesn't need after cloning the repo.

• two versions if you want to keep any of the sample implementations?
• command could also rename references to 'decent-nextjs-starter-template'

https://github.com/react-syntax-highlighter/react-syntax-highlighter

• add/remove columns
• drag columns to resize?
• checkboxes

Set in sst.config.ts.

See sst/ion#632

Pick a large page size when you're at/towards the end of a set of pages and the table will be empty.

Resend / react-email https://www.npmjs.com/package/react-email

Or https://jsx.email ? Used by Dax/Terminal shop

Already used. Better example or consider issue closed?

Cover steps on what to remove from a newly cloned version of the repo.

Ideally, there should be a cleanup command (#39)

• # of stack items
• stars
• forks
• issues?
• # of resources?
• anything else?

See sst/ion#453

Including %s based title template: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#template

https://biomejs.dev/guides/migrate-eslint-prettier/
https://kittygiraudel.com/2024/06/01/from-eslint-and-prettier-to-biome/
https://www.youtube.com/watch?v=f_4k0XYvQjQ

https://authjs.dev/guides/role-based-access-control
https://github.com/Ayush-v/Drizzle-RBAC-Nextjs

Since moving to a server action based sign-out, after signing out the cards still have the hover buttons and behaviour of a logged in (admin)user and the 'Admin' menu items still exists.

With logo, logged in account at the bottom, sections, expand/collapse.

See (and credit if used) https://dashboard-oss.tremor.so/overview or https://ui.shadcn.com/blocks#dashboard-02

Start a Resource section with:

• other stack alternatives
• other people's boilerplates/templates
• YouTube/Twitch channels for 'build in public' folks (e.g. WebDevCody,. Hosna, Kitze...)

Docs: https://nextjs.org/docs/pages/building-your-application/data-fetching/incremental-static-regeneration#on-demand-revalidation

Template: https://vercel.com/templates/next.js/on-demand-incremental-static-regeneration

Set of links to articles/blog posts that explain certain things that every Next.js developer should know.

Add dragging to #8

Use Framer Motion or dnd kit?

To preview drag and drop, editing, allow non admin users to perform those on stack items, but don't persist it to the database.

After a fresh deploy, hitting the log out button keeps you logged in. Visiting the URL under another Chrome profile also shows you as logged in.

Started working again 5-10 minutes later though. Specific to a redeploy?

These can't all be pulled in from the basic GitHub repo data and will require API auth and several API calls:

• days since last commit
• number of contributors
• number of total commits
• commit message from last commit
• number of branches?
• date of last commit non main branch
• create useGitHub stats hook
• visualise some kind of history with a chart/sparkline: commits? (Tremor Raw Tracker or Spark Chart?)

TypeScript errors in auth.ts after updates of @auth/drizzle-adapter from 1.2.0 to 1.4.1 and @auth/core from 0.32.0 to 0.34.1.

See also nextauthjs/next-auth#9571 (comment)

https://emblor.jaleelbennett.com/integrations/shadcn-form

Split these off into individual issues:

• magic link sign-in with template (@react-email)
• email account login
• custom login UI
• refresh token
• redirect centrally at middleware level?
• API protected route example
• Edge specific auth.js?
• access user ID in session

• createdAt (account creation)
• lastLoggedInAt (full login?)
• lastAuthenticatedAt (session auth; be smart here and don't do a DB write for every page access. Do this for new days or by interval threshold?)
• add name of last created user to KPI cards

Setting it to false (and reformatting the current files) seems to be more standard.

This would also allow running the shadcn-ui diff command to see component updates easier.

Move stack editing to special admin section of the logged in menu and use shadcn/ui & TanStack Table

https://ui.shadcn.com/docs/components/data-table

Basic implementation:

• list items
• sort
• context menu
• put behind /dashboard route
• badge items
• filtering
• mention making yourself an admin in the docs