Git Product home page Git Product logo

moinulmoin / chadnext Goto Github PK

View Code? Open in Web Editor NEW
809.0 6.0 71.0 2.95 MB

ChadNext - Quick Starter Template for your Next project includes Next.js 14 App router, Shadcn UI, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization and more.

Home Page: https://chadnext.moinulmoin.com

License: MIT License

JavaScript 1.26% CSS 0.83% TypeScript 96.63% Shell 1.27%
nextjs nextjs-boilerplate nextjs-starter nextjs-template shadcn-ui tailwindcss vercel typescript radix-ui reactjs

chadnext's Introduction

Hi ๐Ÿ‘‹, I'm Moinul Moin. I am a Software Engineer specializing in frontend focused full-stack development. Besides, I do web scraping sometimes. Web Automation is cool, isn't it?

๐Ÿ’ซ About Me:

  • ๐Ÿ„โ€ Community guy who loves being involved in communities and helping others.
  • ๐ŸŒฑ Iโ€™m building stuff using Typescript, React.js, and Node.js.
  • ๐Ÿ‘ฏ Iโ€™m open to collaborating on any interesting project.
  • ๐Ÿ“ซ How to reach me: [email protected]

๐Ÿ’ป Tech Stack:

JavaScript TypeScript React Next JS TailwindCSS Postgres NodeJS Supabase Prisma Docker DigitalOcean Vercel AWS

๐Ÿ” Top Contributed Repo

chadnext's People

Contributors

ahmedrowaihi avatar dependabot[bot] avatar moinulmoin avatar ruheni avatar zahid47 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

chadnext's Issues

how do you setup auth using github?

I have managed to setup magic email using resend successfully

But have failed to setup github auth. the steps i followed is -

  1. create new app in github applications
  2. set homepage url - http://localhost:3000
  3. set auth callback url - http://localhost:3000/en/login/github/callback
  4. copied the client id and client secret to .env

after successful auth at github, the page gets redirected to -

http://localhost:3000/en/login/github/callback/?code=c13e63cd12fe3973b334&state=uHZqHiVHe60Cr-CI2NXx9zRxugQJq6lOW77BhdM384Y

this page then throws 404 error, page not found. i followed lucia guide which states the redirect url should be the above url but clearly it is not.

what should be redirect url for you app?

How to solve the CORS issue in next 14 ?

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at [https://github.com/login/oauth/authorize?](https://github.com/login/oauth/authorize?response_type=code&client_id=123&state=7IC-dQ_H30x4TPuJ-BKYK-tapVSKKvVA)

i tried many ways but cant solve the issue

User subscription information does not update in database

When a user upgrades to a pro account, the Stripe session appears to be successful and the subscription is created.

But the information in the database does not update, only the "Updated at" and the other fields are blank.

Stripe current period end
-
Stripe customer id
-
Stripe price id
-
Stripe subscription id
-
Updated at
02/08/2024 7:10:16 PM

Is this a known problem?

Header Transition Broken

64d405c4a9ff8843fb5e8f82ab827e2f.mp4

Can be fixed by removing the transition class. Thanks for this project! I've been using it to get inspiration on more clean coding practices w/ RSC & Next13 Server Actions!

<header
	className={cn(
		"sticky top-0 z-30  w-full bg-transparent ",
		scrolled ? " h-16 border-b backdrop-blur-xl" : " h-20"
	)}
>

[next-international] run time error

Although the server is running smoothly, an error is consistently logged in the terminal upon each refresh.

[next-international] The locale 'cart.json' is not supported. Defined locales are: [en, fr].

image

Dashboard settings QOL

Hey, I was messing around with the dashboard settings and found a few things that could be improved.

  1. If you upload a horizontal profile picture it looks compressed.
  2. If you try to upload an invalid image (filename has space) it doesn't show any error.
  3. Short bio is initially blank, so it should be an optional field. Right now, If you try to change my profile picture or name, you are also forced to add a short bio.
  4. If you try to leave a dirty form, there should be a confirmation dialog.

I would like to open a PR to address these.

Though I'm not sure how to deal with number 4. I did some research and there's this window event called beforeunload but it doesn't seem to trigger for next router. And the new Next 13 router doesn't support events yet (maybe it will be possible after they add router events?)

What do you think?

Build error

I'm doing a fresh install with the new Resend addition. It doesn't seem to like the Resend provider in auth.ts:

  providers: [
    {
      id: "resend",
      type: "email",
      name: "Email Provider",
      server: null,
      options: {},
      sendVerificationRequest,
    },

It errors with:

./src/lib/auth.ts:38:5
Type error: Type '{ id: string; type: "email"; name: string; server: null; options: {}; sendVerificationRequest: ({ identifier: email, url, }: SendVerificationRequestParams) => Promise<void>; from: string; maxAge: number; }' is not assignable to type 'Provider'.
  Types of property 'type' are incompatible.
    Type '"email"' is not assignable to type '"oauth" | "credentials"'.

I changed mine to:

  providers: [
    EmailProvider({
      type: "email",
      server: null,
      sendVerificationRequest,
    }),

and it seems to work. It was also still looking for nodemailer...Cheers, Dave

suggestion: user experience in the dashboard

I've used your app and it's fantastic, still in development, I suppose, but on a good path.

My suggestion is in the dashboard when creating a new project. I suggest this button is fixed somewhere.

At first it seems normal the way it is, but for a lot of projects, it becomes a nuisance for the user to see the create project always moving down.

issues

Can not even run

npm ERR! command sh -c (node install/libvips && node install/dll-copy && prebuild-install) || (node install/can-compile && node-gyp rebuild && node install/dll-copy)
npm ERR! node:internal/modules/cjs/loader:942
npm ERR! throw err;
npm ERR! ^
npm ERR!
npm ERR! Error: Cannot find module 'streamx'
npm ERR! Require stack:

Google auth integration: record does not get added to the prisma table

I have used vercel postgress prisma table for storing the records with the google id and github id.
and set the redirect uri to this:
"http:localhost:3000/en/dashboard/projects/"
But as soon as authenticate via google it redirects me again to the login page.
I am not able to access the dashboard page even after authenticating.
Same happens with the github authentication

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.