MyDevPage Blog
The Latest in Web Development, NextJS, React,
Javascript, Tips, and Portfolio Success.
Latest Posts
![send-emails-using-react-emailjs](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F13Ap7NZ3FPjvVV6PSS2lP2%2Fd867ac2d87282064698f5c8b7df4a54b%2FBlog_Cover_Images__6_.jpg&w=3840&q=75)
How to send emails in a React App using EmailJS - Full Tutorial
Learn how to integrate EmailJS with React to send emails directly from your web app without a backend server. Follow this step-by-step tutorial to set up EmailJS seamlessly....
![GPT-4o mini new model](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F5Ye7DunwyiBy83CqFSsXdm%2F23ff5036e31ce176be359fb26d53d970%2FYouTube_Thumbnail__14_.jpg&w=3840&q=75)
How does GPT-4o mini do with programming an app?
The newest GPT-4o mini model just launched from OpenAI and I wanted to test it out. So in this article you'll find how the mini performs when it's asked to program a simple app....
![the-10-best-cms-for-nextjs](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F5o2xXKeYTIFaZY8rXb4MSc%2Fb34dcf2fe1f20a4f8ac7f66369d9da47%2FBlog_Cover_Images__4_.jpg&w=3840&q=75)
The 10 Best CMS For NextJS: Comparison Guide
Looking for the best content management system (CMS) for your website built with Next.js? Our detailed comparison guide will help you understand the important features, advantages, and disadvantages of each option. Whether you're a developer looking ...
![Django vs Flash](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F6j7jxjLWIY6TDAQ56HvK6u%2F65e4dabc119e348f9325839094d8d91a%2FBlog_Cover_Images__2_.jpg&w=3840&q=75)
Django vs Flask: Which one is right for you?
Choosing between Django and Flask can be challenging, but this article will make it clear. We'll compare both framework's unique features, pros, and cons. Whether your next project is large or small, you'll be confident in picking the proper framewor...
![How To Add ESLint To A React Project](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F5xGzsTxVmPD0tl33B8cOTB%2Fffaa044fdf72953ce226f02b89f96b51%2FBlog_Cover_Images__1_.jpg&w=3840&q=75)
How To Add ESLint To A React Project
Adding Linting rules to a React project is must when it comes to improving code quality, making code more consistent and avoiding bugs. There is a popular open-source JavaScript linting tool called ESLint, which is used for automatically detecting in...
![angular-vs-nextjs](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F71Qef8P3xQ1hhvD4845O1I%2Ff0fc0f42e2aa7ea92df17805140d9611%2Fangular-vs-nextjs.jpg&w=3840&q=75)
Angular vs NextJS: Which one to choose?
Angular vs. Next.js: Pick the best web development framework. Check out our in-depth analysis of unique features, pros, cons, and recommendations for high-performance and complex apps....
![all-22-javascript-array-methods-explained-with-examples](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F3ZTGTTDZxWRnZRNPTU9tOl%2Fa0595f51d89fc5954b5e31b7d10ca452%2Fall-22-javascript-array-methods-explained-with-examples.jpg&w=3840&q=75)
All 22 JavaScript Array Methods Explained with Examples
Whether you need a refresher or are learning JavaScript make sure to review all of these helpful 22 array methods today....
![Firebase Auth + Next + Tailwind](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2FJ5HsYOIkO9azyvX56a9D7%2Fc3f466abf23cfbfdf3cbd97d496be372%2FBlog_Cover_Images.jpg&w=3840&q=75)
How to Setup Firebase Auth with Next.js 14: A Complete Guide
Learn to integrate Firebase Auth with Next.js 14 for use authentication. This guide offers practical examples of Firebase Authentication backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. Combining it w...
![5 Traits of a Senior Software Engineer to Level Up As a Junior Software Engineer](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F1EXTXUCfx1PI6yzlDgip1S%2F6ed40af57e46cd2d04719d3d51ec8be9%2F16.jpg&w=3840&q=75)
Junior to Senior Software Engineer: Helpful Tips
The difference between a Senior and a Junior Engineer goes beyond the number of years of experience. The way they think and work are completely different. I’ve narrowed it down to 5 traits based on observations, so let’s dive in....
![How To Learn JavaScript in 4 Weeks](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2FmbHooO679rMJS0e9HaC5B%2F6e098436df99a526c246df838a9586de%2F13.jpg&w=3840&q=75)
Learn JavaScript in 4 Weeks: Beginners Guide
Learning JavaScript for the first time is hard, especially if you don't have a clear plan. Many learners just pick up bits of information here and there from blogs and YouTube videos. This slows down learning, and leaves you with lots of gaps in your...
![firebase-firestore-nextjs-tailwind](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F78LaatV6UwuprpA74VUJ4i%2F5a63023228926bfe6dc6bb9508740279%2Ffirebase-firestore-nextjs-tailwind.png&w=3840&q=75)
How to Setup Firebase Firestore with Next.js 14: A Complete Guide
Learn to integrate Firebase Firestore with Next.js 14 for CRUD operations. This guide offers practical examples for managing real-time data effectively....
![Shadcn-UI-Cover-1](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F6zG6BLjajFU1cQwj1bQwg5%2Fd3c299f757c178c768529a4e4cec6131%2F4.jpg&w=3840&q=75)
How to use Shadcn UI with NextJS and Tailwind CSS
Shadcn UI is a library that you can use to create dynamic components. In this tutorial we’ll learn how to quickly setup Shadcn for any Next.js 14 project with Tailwind CSS. At the end you’ll learn how to build UI components like the login component b...
![Vite vs Nextjs: Which one is right for you?](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F7IhOTZQxDEsl7KRZYFlnu3%2Fb4a1b18ee7e484c6231a6c2e74fae095%2Fmake_the_design_more_attractive__2_.png&w=3840&q=75)
Vite vs Nextjs: Which one is right for you?
Vite and Next.js are both top 5 modern development framework right now. They are both great depending on your use case so we’ll discuss 4 areas: Architecture, main features, developer experience and production readiness. After learning about these we...
![Why All Software Developers Need a Portfolio Website](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F2Me7bs6nmjWTJazTdNYSln%2Fc5f25d31e888b9c54b81bc13d85adf71%2F15.jpg&w=3840&q=75)
Why All Software Developers Need a Portfolio Website
A one page resume can only tell so much. A portfolio site however is able to showcase more of your skills and achievements leaving a lasting impression on recruiters, hiring managers and even clients....
![Using Next.Js 14 Server Actions](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2Fy3cGv0QdQHCz4iAYvHoDb%2Fcb7512f2e9a874d275b6514b46301fc5%2Fusing-nextjs-14-server-actions.jpg&w=3840&q=75)
How to use Next.Js 14 Server Actions
A Server Action in NextJS is simply an asynchronous function that runs on the server whenever a form is submitted. It allows you to run the code directly on the server....
![Next.Js 14 with Supabase](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2F6djqqU0FtNI7OvdEHH5lj0%2F33fc8f20931f5a9c3cfec6058e028d67%2Fusing-nextjs-14-with-supabase.jpg&w=3840&q=75)
How to use Next.Js 14 with Supabase
Next.Js provides a solid foundation for building React applications with server-side rendering, while Supabase offers a scalable and easy-to-use backend-as-a-service with PostgreSQL as the database. ...
![How to send emails using Next.js 14, Resend and React-Email](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fvlpuprt2y2ne%2FNXhddKQXyJiuOabdMUMLF%2Fde2b35263a1ca14604529a4778926ebd%2Fsending-emails-using-nextjs-14-and-resend.jpg&w=3840&q=75)
How to send emails using Next.js 14, Resend and React-Email
Communication with your users is really important and emails are an important part of that. In this article we will learn how to send emails using Next.js 14, Resend and React-Email. We will be using the latest features Next.js 14 like the app direct...