"Work Smarter Not Harder"
So I have decided to go with frameworks and toolings I know best and have been learning very efficiently in the recent months.
Frontend:
I am going with Next.js as the framework of choice. It is a no brainer for me since I have had the privilege to learn Next.js in the past couple of months and the development experience is very clean, responsive, and talks well with my backend of choice. I will be incorporating Chakra UI components within my application as a major initiative to build not only a beautiful app but have the ability to implement an accessible UI with ease. For styling I will be relying on the most powerful and popular CSS Framework in the industry, Tailwind CSS; this will help with developing unique styles within app but also provide a more efficient mobile responsive experience for custom components I intend to build throughout.
Backend:
Even though my Full Stack Web Development skills focuses on the MERN Stack, but I really loved my learning experience with Supabase and Next.js via an Egghead course by Jon Meyers. The simplicity of storing data, authenticating, and connecting it to a Next app was 🤌 . I know there is so much more you can do with Supabase and I will be taking the time to learn more during this backend building process.
What is Capacitor.js?
Capacitor is a cross-platform native runtime, developed by Ionic, that will allow me to build the Awesome Family Calendar app as a web app that can run natively across the Web, iOS, and Android. In other words, I will be building a PWA (Progressive Web App) in the end. I think this is the best approach currently unless my mind is changed other wise or I learn something along the way that will benefit the development of this app.
Frontend:
I am going with Next.js as the framework of choice. It is a no brainer for me since I have had the privilege to learn Next.js in the past couple of months and the development experience is very clean, responsive, and talks well with my backend of choice. I will be incorporating Chakra UI components within my application as a major initiative to build not only a beautiful app but have the ability to implement an accessible UI with ease. For styling I will be relying on the most powerful and popular CSS Framework in the industry, Tailwind CSS; this will help with developing unique styles within app but also provide a more efficient mobile responsive experience for custom components I intend to build throughout.
Backend:
Even though my Full Stack Web Development skills focuses on the MERN Stack, but I really loved my learning experience with Supabase and Next.js via an Egghead course by Jon Meyers. The simplicity of storing data, authenticating, and connecting it to a Next app was 🤌 . I know there is so much more you can do with Supabase and I will be taking the time to learn more during this backend building process.
What is Capacitor.js?
Capacitor is a cross-platform native runtime, developed by Ionic, that will allow me to build the Awesome Family Calendar app as a web app that can run natively across the Web, iOS, and Android. In other words, I will be building a PWA (Progressive Web App) in the end. I think this is the best approach currently unless my mind is changed other wise or I learn something along the way that will benefit the development of this app.
Joshua Berrios 🇵🇷
Author
You will enjoy Next.js a lot in my opinion. Vercel created an amazing React framework and it continues to get better with time.
Joshua Berrios 🇵🇷
Author
I recommend going through their small gamified course on their website - https://nextjs.org/learn/foundations/about-nextjs
Joshua Berrios 🇵🇷
Author
Oh no kidding. Nice! That is awesome. So that means I am good hands whenever I need to reach out for some fellow maker's input or advice.
Please sign in to leave a comment.