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

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

КОМЕНТАРІ • 62

  • @codinginflow
    @codinginflow 4 місяці тому +10

    Your channel name is so cool!

  • @JackyFan-k9y
    @JackyFan-k9y 8 днів тому

    Great Job! Thanks!

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

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

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

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

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

    definitely more project videos

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

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

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

    Great tutorial. Thanks for this!!!

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

    Good job bro! Nice tutorial!

  • @itsdio8390
    @itsdio8390 2 дні тому

    thanks for the content. definitely will try to build this one. but the keyboard sound is annoyingly loud.

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

    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?

  • @torres7707
    @torres7707 9 днів тому

    I like this tutorial very much, btw, what is this extension to give the tip that your function is not defined ( in 4:01:15)

    • @codingjitsu
      @codingjitsu  9 днів тому

      marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja

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

    nice video

  • @rakeshkumarparida98
    @rakeshkumarparida98 3 місяці тому +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?

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

    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  Місяць тому

      CMS is definitely a valid alternative.

  • @abelmarkos5753
    @abelmarkos5753 4 місяці тому +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

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

    nice!

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

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

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

      By advertising do you mean SEO optimization?

  • @deepakkumarchouhan1061
    @deepakkumarchouhan1061 4 місяці тому +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  4 місяці тому

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

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

    Круто

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

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

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

      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 3 місяці тому

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

  • @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 Місяць тому

      ​@@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  Місяць тому

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

  • @Aisha2254
    @Aisha2254 2 місяці тому +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  Місяць тому

      Definitely idea for the next video.

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

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

    • @codingjitsu
      @codingjitsu  4 місяці тому +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

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

    but how we add more blogs in website?

    • @codingjitsu
      @codingjitsu  3 місяці тому +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 3 місяці тому

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

    • @codingjitsu
      @codingjitsu  3 місяці тому +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 3 місяці тому

      @@codingjitsu Uh, now my doubt clear!

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

    Where is the admin panel

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

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

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

    Please create more stuff.

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

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

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

      @@codingjitsu great will wait for it

  • @KunalJadhav-pq2tx
    @KunalJadhav-pq2tx 2 місяці тому +1

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

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

    Thanks u bro

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

    2 months 😢 nothing uploaded

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

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

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

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

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

      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