Building Next.js Fullstack Blog with TypeScript, Shadcn/ui, MDX, Prisma and Vercel Postgres.

Поділитися
Вставка
  • Опубліковано 25 жов 2024

КОМЕНТАРІ • 57

  • @codinginflow
    @codinginflow 3 місяці тому +9

    Your channel name is so cool!

  • @SanthoshBhoopal
    @SanthoshBhoopal Місяць тому +1

    definitely more project videos

    • @codingjitsu
      @codingjitsu  3 дні тому

      Thanks for your patience, new video is dropping at midnight EST

  • @prashlovessamosa
    @prashlovessamosa 3 місяці тому +2

    hey budding loved it validation part is too informative for me keep creating and sharing good stuff with us

  • @abdellah.coding
    @abdellah.coding 3 місяці тому +2

    i love it, you got a new subscriber bro , keep going

  • @mmazeto
    @mmazeto 3 місяці тому

    Good job bro! Nice tutorial!

  • @kambampatirohith
    @kambampatirohith 3 місяці тому

    Great tutorial. Thanks for this!!!

  • @rakeshkumarparida98
    @rakeshkumarparida98 Місяць тому +2

    Bro could you please bring part 2 of it where you can implement a functionality to add multiple images in blog page as code pallet?

  • @abelmarkos5753
    @abelmarkos5753 3 місяці тому +1

    Could do a couple more projects like this
    On for eCommerce
    And the other for chat app
    I've not finished this tutorial yet but it seems there are a ton of useful information

  • @hasanulhaquebanna
    @hasanulhaquebanna Місяць тому

    there is no backend or admin panel! Would you mind mentioning why it's a Fullstack? Won't we are creating MDX file statically or locally or by github, but at the end isn't it static?

  • @imkir4n
    @imkir4n 3 місяці тому

    nice video

  • @BunThong-c3p
    @BunThong-c3p 3 місяці тому

    Really good and thank to you. Could you do it more advance or adding more feature such as the advertising...

    • @codingjitsu
      @codingjitsu  3 місяці тому

      By advertising do you mean SEO optimization?

  • @saveriomazza7781
    @saveriomazza7781 2 місяці тому

    nice!

  • @corpsedad7368
    @corpsedad7368 День тому +1

    Hey bro. Is it possible to add mdx in some database and change it by cms

    • @codingjitsu
      @codingjitsu  День тому +1

      Yes, Database-Based Approach: Store MDX as Text: Save the MDX content as plain text within a database field (e.g., a TEXT or LONGTEXT column in MySQL or PostgreSQL). CMS Integration: Use a CMS with database connectivity to create, edit, and manage MDX content directly within the CMS interface.

    • @corpsedad7368
      @corpsedad7368 14 годин тому

      ​@@codingjitsu would that be feasible compared to remote mdx content file fron github . I looked at this too. But i dont know what should i use

    • @codingjitsu
      @codingjitsu  6 годин тому

      @@corpsedad7368 They both have their benefits. It's up to you what you want to use.

  • @Aisha2254
    @Aisha2254 Місяць тому +1

    I'm currently working on the app and wanted to ask a few questions about adding some dynamic features. Specifically, I’m interested in implementing the following:
    1. **Comments**: I'd like to add a feature where users can leave comments. Could you guide me on the best way to approach this from both the front-end and back-end?
    2. **Users**: I want to include user authentication and profiles. What are the best practices for managing user registration, login, and profile data securely?
    3. **User Dashboard**: I would also like to create a user dashboard where users can see their information and possibly interact with their own data. What technologies or frameworks would you recommend for this feature?
    I’d appreciate any guidance or resources you can provide to help me add these dynamic features .

    • @codingjitsu
      @codingjitsu  3 дні тому

      Definitely idea for the next video.

  • @tanny3080
    @tanny3080 Місяць тому

    We currently store Markdown files in the 'contents' folder. However, if we're publishing new articles daily, this folder may become unwieldy over time. While this approach works well for infrequently updated documentation, is it suitable for frequent content creation? Should we instead consider implementing a content management system (CMS) like Sanity for more efficient handling of regularly published articles?

    • @codingjitsu
      @codingjitsu  3 дні тому

      CMS is definitely a valid alternative.

  • @KunalJadhav-pq2tx
    @KunalJadhav-pq2tx 29 днів тому +1

    hi bro
    your content is super
    i want to connect with you for collebration

  • @deepakkumarchouhan1061
    @deepakkumarchouhan1061 3 місяці тому +1

    Can you help me to make my web ap fast I am working on Nextjs protect but my data fetching is too slow ?

    • @codingjitsu
      @codingjitsu  3 місяці тому

      Checkout the docs here: nextjs.org/docs/app/building-your-application/data-fetching

  • @prashlovessamosa
    @prashlovessamosa Місяць тому +1

    2 months 😢 nothing uploaded

    • @codingjitsu
      @codingjitsu  3 дні тому

      Thanks for your patience, new video is dropping at midnight EST.

  • @cant_sleeeep
    @cant_sleeeep 2 місяці тому +1

    why swr? i don't understand? cant we just fetch in server components?

    • @codingjitsu
      @codingjitsu  2 місяці тому

      Server components excel at delivering pre-rendered content for optimal initial page load performance. SWR, on the other hand, is particularly effective for managing client-side data fetching and caching, offering a dynamic user experience. By strategically combining both approaches, we can create applications that deliver exceptional performance and user satisfaction.

    • @cant_sleeeep
      @cant_sleeeep 2 місяці тому

      @@codingjitsu yes but this doesnt explain why you chose it

  • @tech830
    @tech830 2 місяці тому +1

    but how we add more blogs in website?

    • @codingjitsu
      @codingjitsu  2 місяці тому +1

      By adding your markdown files in the project itself(in the contents folder) checkout: 13:00 - MDX Contents. Remember this is directed towards technical bloggers, this is similar how Supabase maintains their documentation within github.

    • @tech830
      @tech830 2 місяці тому

      @@codingjitsu Thanks understood! But doesn't it makes website heavy?

    • @codingjitsu
      @codingjitsu  2 місяці тому +1

      @@tech830 Short answer: Not necessarily. With proper optimization(SSG and ISR) in Next.js, you can build fast and efficient static blogs. Example: Next pre-renders your MDX content into HTML at build time. This means that users only download the generated HTML files, which are generally much smaller than the original MDX files

    • @tech830
      @tech830 2 місяці тому

      @@codingjitsu Uh, now my doubt clear!

  • @kartikmalik-d5s
    @kartikmalik-d5s 2 місяці тому +1

    Where is the admin panel

    • @codingjitsu
      @codingjitsu  2 місяці тому

      Your github will be your admin panel. Jut add your MDX files in the contents folder in github repo. checkout: 13:00 - MDX Contents

  • @jejeexd
    @jejeexd 3 місяці тому

    Does the blog have a pagination in the list of articles?

    • @codingjitsu
      @codingjitsu  3 місяці тому +1

      No Pagination by choice as there are category pages. If you are interested in pagination here is a tutorial where I showed how to work with search and pagination: ua-cam.com/video/BiDg-kx04J8/v-deo.html

  • @elvizsky7487
    @elvizsky7487 3 місяці тому

    Thanks u bro

  • @Егор-д3у4с
    @Егор-д3у4с Місяць тому +1

    Круто

  • @prashlovessamosa
    @prashlovessamosa 2 місяці тому +1

    Please create more stuff.

    • @codingjitsu
      @codingjitsu  2 місяці тому

      Preparing an e-commerce project with Next.js and Shopify. Stay tune.

    • @prashlovessamosa
      @prashlovessamosa 2 місяці тому

      @@codingjitsu great will wait for it

  • @RamrachaiMarma
    @RamrachaiMarma 2 місяці тому

    Sadly it does not have many crucial bloggin features. Blog without ➡Search, ➡comment, ➡login, is like chicken curry without salt.

    • @codingjitsu
      @codingjitsu  2 місяці тому

      Feel free to clone down the project and add the features you need. Here is an example for Search implementation in Next.js 14: ua-cam.com/video/BiDg-kx04J8/v-deo.html