Coder Social home page Coder Social logo

danybeltran / nextjs-typescript-and-mongodb Goto Github PK

View Code? Open in Web Editor NEW
113.0 4.0 15.0 1.71 MB

A Next.js template that uses server actions, Prisma, MongoDB, TailwindCSS, Shadcn, Zod and Next auth.

Home Page: https://nextjs-typescript-and-mongodb-psi.vercel.app

TypeScript 91.31% JavaScript 5.30% CSS 3.13% Shell 0.26%
nextjs mongodb tailwind tailwindcss react-template next14 nodejs react react-hooks typescript

nextjs-typescript-and-mongodb's People

Contributors

anjankarmakar10 avatar danybeltran avatar shellydcms 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

nextjs-typescript-and-mongodb's Issues

cant edit/delete "5340 stars on github"

im kinda a noob but I would like to know why deplyment fail when i try to remove the github widget about stars of this project

im editing page.tsx file and the code looks like this:
</section> <section id="open-source" className="container py-8 md:py-12 lg:py-24"> <div className="mx-auto flex max-w-[58rem] flex-col items-center justify-center gap-4 text-center"> <h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl"> Proudly Open Source </h2> <p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7"> usehooks-ts is open source and powered by open source software. </p> </div> </section> </> ) }

Enhance UI using shadcn UI Library

Description

I've been using your project and noticed that the current user interface could benefit from some improvements to enhance user experience and aesthetics. I would like to propose integrating the shadcn UI Library to give the application a more modern and user-friendly look.

Suggested Changes

  • Implementing shadcn UI Library for a more polished and intuitive design.
  • Enhancing overall user experience through improved visuals and components.

Benefits

  • Improved usability and navigation.
  • Aesthetic enhancements for a more modern and visually appealing interface.
  • Consistent design patterns from a reputable UI library.

Additional Information

I'd be happy to contribute to the implementation if needed. Looking forward to hearing your thoughts on this enhancement!

[FEATURE] Alternative Secret Generation Method in Documentation

Issue:
Title: Alternative Secret Generation Method in Documentation

Description:
In the documentation, there's a mention of generating a secret key using the command openssl rand -base64 32. However, not everyone may have access to the OpenSSL tool or may find it inconvenient to use. To address this, we can provide an alternative method for generating secrets. Instead of relying solely on command-line tools, we can suggest using a web-based service like https://generate-secret.vercel.app/32, where users can easily generate secrets of desired lengths. This would enhance accessibility and convenience for users who may not have access to command-line tools or prefer a more user-friendly approach to generating secrets.

[FEATURE] Insufficient Documentation on MongoDB Connection

Problem Description:
The documentation lacks information on how to properly connect to the MongoDB database. It does not specify the database name, and there is no information on which URL to use for connection.

Expected Behavior:
The documentation should contain detailed information on how to configure the connection to MongoDB. This includes specifying the database name and providing an example URL for connecting to MongoDB.

Proposed Solution:
Add a section to the documentation dedicated to setting up the connection to MongoDB. This section should specify the database name used in the application and provide an example URL for connecting to MongoDB.

Additional Information:
The absence of this information makes it difficult for developers to properly configure the connection to the MongoDB database, which may lead to errors when working with the application.

Tags:
documentation, MongoDB, connection, database, information, development, code examples

Priority:
Medium

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.