This Dot Blog
This Dot provides teams with technical leaders who bring deep knowledge of the web platform. We help teams set new standards, and deliver results predictably.
How to build an AI assistant with OpenAI, Vercel AI SDK, and Ollama with Next.js
Learn how to run Llama 3.1 locally in a Next.js app, send audio to it, and play responses back to users....
Sep 27, 2024
8 mins
Integrating AI Models Locally with Next.js ft. Jesus Padron
Jesus Padron from This Dot demonstrates how to integrate AI into a Next.js app with Meta's Llama 3.1, and OpenAI's Whisper and TTS models. By the end, you'll learn to build an AI voice assistant that processes and responds to voice input....
Sep 3, 2024
1 min
Tim Neutkens, Co-Author of Next.js on the State of Next
Watch this episode! Tim Neutkens, Co-author and Tech Lead for Next.js, discusses how open source maintainers are simplifying the web, and covers the challenges faced with the current Next.js setup. Tim talks about TurboPack, a solution that optimizes bundling, improves parallelism, caching, and module graph calculations. He also talks about TurboAC, which focuses on addressing performance and compatibility issues, providing seamless transitions for Next.js users. Tim highlights the importance of efficient bundling processes to avoid excessive recompilation and discusses the updates in Next.js versions to enhance caching, rendering behavior, and client-side caching. Tim also discusses some exciting upcoming features in Next.js 15. Tim Neutkens' Socials - Twitter: @timneutkens - GitHub: timneutkens - Bluesky: timneutkens.bsky.social - Website: https://timn.tech/ Links - Vercel on Twitter, LinkedIn, Facebook, Instagram, YouTube, GitHub and Vercel's website - Next.js on Twitter, GitHub, LinkedIn, YouTube, Instagram, Facebook, official Next.js website - Turbopack on Twitter, GitHub, YouTube, LinkedIn, Instagram, Official Turbopack Docs - Webpack on GitHub, Twitter, YouTube, and Official Webpack Website Show Notes - [00:00:02] Podcast episode featuring Tim Neutkens discussing Next.js and the upcoming release of TurboPack. - [00:04:27] JavaScript bundlers evolving to handle growth. - [00:07:58] TurboPack solves Webpack limitations efficiently. - [00:12:12] Bundler compatibility for optimal app performance. - [00:16:50] Client components separated in webpack instance. Turbo pack for better parallelism and stability. Industry moving towards server-side. Feed and rollup still relevant. Collaboration between tools for future. - [00:20:57] Replacing part with roll down, similar to Webpack. Overlapping ecosystem with Avonetic Conference. Limits with unbundling and loading on demand. Cycle of building frameworks and hitting limits. History of using Webpack for client-side code. Two compiler architecture for server and client. Coordination between server and client with Webpack. - [00:25:38] Server action imports, turbo pack improves performance. - [00:30:04] Next.js is popular for websites. - [00:34:18] Chipotle using Next in Vercel, exciting improvements. - [00:38:51] Next.js 15 release candidate with changes. This episode is sponsored by Wix Studio....
Aug 7, 2024
2 mins
Integrating Next.js with New Relic
Check out our detailed guide on integrating New Relic’s application monitoring with Next.js....
Jul 19, 2024
7 mins
These JavaScript Tools Make Collaboration and Deployment Easier with Jack Herrington
Join Jack Herrington and Tracy Lee at CascadiaJS 2024 as they talk about content creation, experimenting with new tools, and continuous learning. They cover some of the latest in what’s going on in the Vercel, Next.js, and Deno Deploy ecosystems, and what these teams are doing to enable easy deployment and better community collaboration. Tracy and Jack's discussion highlights the lack of educational resources on advanced web development topics. This scarcity poses an opportunity for developers who want to showcase their expertise in areas like app router and React server components. By actively engaging in knowledge sharing, developers can demonstrate their deep understanding of these complex concepts and set themselves apart from the competition. Jack emphasized Vercel's role in simplifying deployment with its easy commands and Next.js integration for seamless collaboration and performance. Next.js was highlighted for its advanced features and simplified development process, including efficient routing and SEO benefits. Deno Deploy, built on Deno, offers serverless deployment without traditional infrastructure management, focusing on code writing and scalability. Throughout, the importance of community and knowledge sharing in platforms like Vercel, Next.js, and Deno Deploy was underscored, enabling developers to share, receive feedback, and stay updated with advancements. Download this episode here....
Jul 18, 2024
1 min
Communication Between Client Components in Next.js
Describing different strategies for communication between client components in Next.js....
Jun 21, 2024
5 mins
Effortless App Building with V0.dev and Next.js Training featuring Mark Shenouda
In this JS Drop training, Mark Shenouda covers the capabilities of v0.dev by building a custom Next.js application. He explores the features and benefits of v0.dev, highlighting its efficiency in generating interfaces, customizing UI elements, and simplifying deployment processes. v0.dev allows users to build interfaces. The integration with Next.js is a game-changer, enabling the addition of new pages to projects with a single command. It efficiently generates different interface options, making it a valuable tool for both developers and non-developers. With v0.dev, interactive layouts can be achieved without extensive coding knowledge, opening up new possibilities for app development. One of the standout features of v0.dev is its ability to customize UI elements. The tool provides a range of options to tailor the user interface to specific requirements. Whether it's tweaking colors, fonts, or layouts, v0.dev empowers developers to create visually appealing and user-friendly interfaces. This flexibility ensures that the final product aligns with the desired aesthetic and enhances the overall user experience. v0.dev seamlessly integrates with Next.js, a server rendering framework for React. This integration brings numerous benefits, including simplified deployment processes and enhanced performance. Next.js allows for server-side rendering, resulting in faster page loads and improved SEO. With v0.dev, app development becomes more accessible and efficient, allowing for faster iterations and improved user experiences. Whether you're a seasoned developer or a non-technical individual looking to bring your app idea to life, v0.dev is definitely worth exploring....
Jun 11, 2024
2 mins
Maximizing Server Rendering for Interactive Next.js Applications
Maximize server rendering while maintaining interactivity by strategically combining React Server Components (RSCs) and client components in a Next.js application....
May 15, 2024
5 mins
Improving INP in React and Next.js
A follow-up article on the new Core Web Vital INP outlining some techniques to improve your INP score in Next.js and React....
Apr 19, 2024
5 mins
Maximizing Routing Flexibility with Next.js Parallel and Intercepting Routes
Dive deep into Next.js Parallel Routes and Intercepting Routes! Unleash the potential of these features for optimized performance and seamless user experiences....
Apr 5, 2024
3 mins
NextJS 14 Server Actions and Why Building CRUD Apps is Good For You with Dave Gray
Dave Gray talks about the shift from dynamic to static content generation, exploring how it can enhance website performance and user experience. Additionally, they explore the new server actions feature in NextJS 14, facilitating more efficient handling of server-side logic. They talk about the front-end development landscape evolving, and frameworks such as Vue, Angular, and Astro gaining traction. Dave advocates for developers to construct simple CRUD applications as a means to effectively comprehend and apply these frameworks. Dave, Tracy, and Rob debate whether developers need to develop a firm understanding of HTML, CSS, and vanilla JavaScript prior to jumping into a more complex framework. This conversation opens the door to an examination of the ongoing struggle of universities to keep pace with the swiftly evolving landscape of web technologies. With the emergence of new frameworks and tools, educational institutions find it challenging to maintain relevance in their curricula. Nevertheless, by focusing on teaching fundamental concepts, universities can empower students with the adaptability needed to learn and integrate new technologies as they arise. Beyond web development, the episode provides valuable insights into content creation and growing a YouTube channel. Dave draws from his experiences, underscoring the importance of consistency and engagement with the algorithm. Whether in web development or content creation, the overarching lesson from this episode is one of persistence. Success in any domain necessitates ongoing learning, adaptability, and a readiness to embrace new challenges and technologies. Download this episode here....
Mar 27, 2024
2 mins
Are Performance Issues Really Next.js’s Fault? What Vercel Should Actually Be Building
Jay Phelps is a Senior Software Engineer at Netflix and shares his experiences and perspectives on the challenges and opportunities facing web developers. Along with Ben Lesh, Tracy Lee, and Adam Rackis, they talk about the impact of third-party services on performance optimization, what’s in store for React, and whether Next.js is really the best solution for software engineers. Jay shares his thoughts on how the web platform (aka Chrome team) can improve performance, and why some of the issues facing Next.js developers are really not Next.js’ fault. He also shares his thoughts on what Vercel could focus on (or should focus on) and why Partytown is worth looking into for those building storefronts. Download this episode here....
Feb 27, 2024
1 min
Let's innovate together!
We're ready to be your trusted technical partners in your digital innovation journey.
Whether it's modernization or custom software solutions, our team of experts can guide you through best practices and how to build scalable, performant software that lasts.