Best of Next.jsJanuary 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    maybe-finance/maybe: Personal finance and wealth management app

    Maybe is an open-source personal finance app with features like net worth tracking, financial account syncing, investment benchmarking, and more. It is built using a tech stack including Next.js, Tailwind, Node.js, and Postgres.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Build an Admin Dashboard with React

    Learn how to build a stunning admin dashboard with React and Next.js. Discover important Next.js concepts and powerful tools like Prisma, PostgreSQL, Tremor, NextAuth, and TailwindCSS.

  3. 3
    Article
    Avatar of medium_jsMedium·2y

    Things You Don’t Know About Next.js

    NextJS 14 promises a faster, more enjoyable development journey for React developers. This post reveals concepts of NextJS that many developers may not know, such as using Route Group functionality for organizing folder structures, leveraging the Metadata API for improved SEO, and creating active links in Next.js for enhanced user experience.

  4. 4
    Article
    Avatar of nextNext.js·2y

    Next.js 14.1

    Next.js 14.1 includes developer experience improvements, improved self-hosting, Turbopack improvements, improved error messages, and more.

  5. 5
    Article
    Avatar of communityCommunity Picks·2y

    Top 5+ NextJS & ReactJS Boilerplates for 2024

    Top 5+ NextJS & ReactJS boilerplates for 2024, offering unparalleled server-side rendering capabilities and optimized performance. Horizon UI Boilerplate, BoilerCode, Shipped.club, Shipfa.st, and Nextlessjs.com are the top choices for efficient, scalable, and high-quality web application development.

  6. 6
    Article
    Avatar of communityCommunity Picks·2y

    2023 JavaScript Rising Stars

    The post discusses the rising stars in the JavaScript ecosystem in 2023, including popular projects, updates for React and its ecosystem, and top projects in mobile development. It also highlights controversies, new releases, and the rise of AI tools.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Deploy Next.js Apps to Github Pages

    Learn how to deploy Next.js apps to Github Pages using GitHub Actions for automatic deployment. GitHub Pages is a web hosting option for developers and open source projects.

  8. 8
    Article
    Avatar of streamStream·2y

    Build a Discord Clone Using Next.js and Tailwind: Project Setup — Part One

    Learn how to build a Discord clone using Next.js and TailwindCSS. Explore how to replicate Discord using Stream's chat, voice, and video SDKs. The project is split into multiple parts, with this article focusing on the project setup.

  9. 9
    Video
    Avatar of communityCommunity Picks·2y

    10 common mistakes with the Next.js App Router

    Learn about common mistakes with the Next.js app router, such as calling route handlers from a React server component, understanding the defaults for route handlers, and using suspense with server components. Find out how to avoid these mistakes and improve your Next.js application.

  10. 10
    Article
    Avatar of devtoDEV·2y

    From Next.js to Rails then Elixir: My journey through React.js burnout

    The author shares their journey through React.js burnout and their switch to different frameworks like Gatsby.js, Next.js, Remix, Ruby on Rails, and Elixir with Phoenix. They highlight the challenges and benefits of each framework, ultimately recommending Elixir and Phoenix as their preferred stack.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Beginner Web Dev Tutorial – Build a Weather App with Next.js & TypeScript

    A beginner's web dev tutorial on building a Weather App using Next.js, Tailwind CSS, and TypeScript.

  12. 12
    Article
    Avatar of bitBits and Pieces·2y

    Top 5 Tools for your Next.js project

    Explore the top 5 tools and libraries tailored for Next.js development. Learn about Bit for composable applications, Next SEO for search engine optimization, NextAuth.js for authentication, Next Sitemap for automated sitemap generation, and Vercel for easy deployment.

  13. 13
    Article
    Avatar of communityCommunity Picks·2y

    How to Build: chat with your resume (Next.js, OpenAI, & CopilotKit)

    Learn how to build an AI-powered resume builder application using Next.js, CopilotKit, and OpenAI. The article covers leveraging ChatGPT to write your resume and cover letter, gradually improving your resume by chatting with it, and exporting your resume and cover letter into a PDF.

  14. 14
    Article
    Avatar of supabaseSupabase·2y

    Using React Query with Next.js App Router and Supabase Cache Helpers

    Learn how to use React Query with Next.js App Router and Supabase Cache Helpers. The article provides step-by-step instructions for installing dependencies, creating a React Query client, generating TypeScript types, creating Supabase clients, automating query key management, writing reusable queries, and fetching data server-side and client-side. The post concludes by discussing the benefits and use cases of using React Query with Server Components.