dev.to
1. Adding Pinia to Nuxt 3 🍍 (2023)
Introduction
In this post, we'll introduce Pinia, a powerful package for managing your Nuxt app's state in a single place.
Whether you're new to state management solutions or experienced with libraries such as Vuex and Redux, Pinia is definitely worth checking out.
State management
If you've ever found yourself aimlessly trying to manage state through props and events, then the idea of a store may sound appealing:
Manage an app's state from a single, centralised store
Update and retrieve d…
#nuxt #nuxt3 #pinia
2. Can I remove the "DEBUG" banner in Flutter?
You have certainly seen the DEBUG banner shown on the top right corner of your app when developing in local host.
I bet you asked yourself: can I remove it?
Yes you can! The MaterialApp widget has the debugShowCheckedModeBannerproperty, see here. You can set it to false to remove it.
Handy to take those screenshots you need to upload your app in the App store ;)…
#flutter
3. Top 7 Colour Schemes that Will Make Your Website Stand Out in 2023
A crucial component of web design to help your website stand out from the competition is colour. A well-chosen colour scheme can draw customers in, communicate your brand's message, and even affect their purchase behaviour. In this post, I'll cover the top 10 colour combinations that will distinguish your website in 2023.
Before we move on, remember you can build your websites, landing pages, APIs, and more, with or without coding on DoTenX for free. Make sure to check it out and even nominate …
#webdev #design #html #beginners
1. Adding Pinia to Nuxt 3 🍍 (2023)
Introduction
In this post, we'll introduce Pinia, a powerful package for managing your Nuxt app's state in a single place.
Whether you're new to state management solutions or experienced with libraries such as Vuex and Redux, Pinia is definitely worth checking out.
State management
If you've ever found yourself aimlessly trying to manage state through props and events, then the idea of a store may sound appealing:
Manage an app's state from a single, centralised store
Update and retrieve d…
#nuxt #nuxt3 #pinia
2. Can I remove the "DEBUG" banner in Flutter?
You have certainly seen the DEBUG banner shown on the top right corner of your app when developing in local host.
I bet you asked yourself: can I remove it?
Yes you can! The MaterialApp widget has the debugShowCheckedModeBannerproperty, see here. You can set it to false to remove it.
Handy to take those screenshots you need to upload your app in the App store ;)…
#flutter
3. Top 7 Colour Schemes that Will Make Your Website Stand Out in 2023
A crucial component of web design to help your website stand out from the competition is colour. A well-chosen colour scheme can draw customers in, communicate your brand's message, and even affect their purchase behaviour. In this post, I'll cover the top 10 colour combinations that will distinguish your website in 2023.
Before we move on, remember you can build your websites, landing pages, APIs, and more, with or without coding on DoTenX for free. Make sure to check it out and even nominate …
#webdev #design #html #beginners
dev.to
1. Thank you dev.to!
Hey dev.to community,
I just wanted to say a big thank you to the dev.to team for the gift you sent me over the holidays. I just received it in the mail. The card is awesome (and there is a shiny sticker)!
It was such a cool surprise and it really made my day. I'm so appreciative of the recognition for my contributions over the past year (top author 2022, wow).
Thank you dev.to for the effort and attention that you put towards the authors and contributors, and for all the nice additions you g…
#meta #watercooler #community
2. Jenkins for running scripts!
I have over 30 scripts that are used to pull data and push data between different services. Its critical to know when they fail. Sure you could do this with cron but then I looked around and saw that Jenkins could run scripts, console output log, and emails me on fails.
After you have set up jenkins and set up the email settings.
Create a freestyle project
Built Triggers -> set your time so it runs whenever you want.
Build Steps -> Add Build Step -> Execute Shell
perl
Post Build -> Email Not…
#automation #scripting #jenkins #perl
3. Using FontAwesome Icons with Nuxt 3
FontAwesome provides 2,000+ free icons for use in your projects. Here's how to get started using them in your Nuxt 3 app, including how to improve performance by only importing the icons you need.
This is the same configuration I use in my own website, and you can see the full source code at the GitHub repo here.
Installation
Run the following command to add the vue-fontawesome component.
npm i --save @fortawesome/vue-fontawesome@latest-3
You'll also need to install the icon package(s) you…
#nuxt #fontawesome #icons
1. Thank you dev.to!
Hey dev.to community,
I just wanted to say a big thank you to the dev.to team for the gift you sent me over the holidays. I just received it in the mail. The card is awesome (and there is a shiny sticker)!
It was such a cool surprise and it really made my day. I'm so appreciative of the recognition for my contributions over the past year (top author 2022, wow).
Thank you dev.to for the effort and attention that you put towards the authors and contributors, and for all the nice additions you g…
#meta #watercooler #community
2. Jenkins for running scripts!
I have over 30 scripts that are used to pull data and push data between different services. Its critical to know when they fail. Sure you could do this with cron but then I looked around and saw that Jenkins could run scripts, console output log, and emails me on fails.
After you have set up jenkins and set up the email settings.
Create a freestyle project
Built Triggers -> set your time so it runs whenever you want.
Build Steps -> Add Build Step -> Execute Shell
perl
Post Build -> Email Not…
#automation #scripting #jenkins #perl
3. Using FontAwesome Icons with Nuxt 3
FontAwesome provides 2,000+ free icons for use in your projects. Here's how to get started using them in your Nuxt 3 app, including how to improve performance by only importing the icons you need.
This is the same configuration I use in my own website, and you can see the full source code at the GitHub repo here.
Installation
Run the following command to add the vue-fontawesome component.
npm i --save @fortawesome/vue-fontawesome@latest-3
You'll also need to install the icon package(s) you…
#nuxt #fontawesome #icons
dev.to
1. Everything you need to know about route Guard in Angular
Routing is a significant aspect of any SPA application, and protecting these routes is often necessary. We may want to guard our routes for permission access or to prevent users from exiting a route by mistake if a form has not been submitted correctly.
Angular provides a set of built-in guards that can be easily used for various use cases.
In this article, I will demonstrate and explain each of the built-in guards provided and show you how to use them with some common examples.
CanActivate…
#angular
2. Typescript: best type checking for the best type safety
C# and Typescript
Before using Typescript, I used C# for many years. Put aside the ecosystem and just from the language point of view, I still think C# is the best language I have ever used, which is mainly because of the robust and powerful type system. It is really a pleasure to write code with good type inference, even for the generics, and very few annoying runtime errors.
Therefore, the moment I heard about Typescript, I knew I would definitely use it seriously for sure.
Why? because of …
#webdev #typescript #beginners #productivity
3. Create a Recipe App with Tailwind and Nuxt
According to Verified Market Research, the recipe apps market size is projected to reach USD 1,098.22 Million by 2028. They are designed with intent and excellent user experience to make cooking easier, faster, and more accessible.
In this post, we will learn how to create a recipe app in Nuxt.js using TailwindCSS and Appwrite. The project’s GitHub repository can be found here.
Prerequisites
To fully grasp the concepts presented in this tutorial, the following requirements apply:
Basic unde…
#nuxt #appwrite #tailwindcss #vue
1. Everything you need to know about route Guard in Angular
Routing is a significant aspect of any SPA application, and protecting these routes is often necessary. We may want to guard our routes for permission access or to prevent users from exiting a route by mistake if a form has not been submitted correctly.
Angular provides a set of built-in guards that can be easily used for various use cases.
In this article, I will demonstrate and explain each of the built-in guards provided and show you how to use them with some common examples.
CanActivate…
#angular
2. Typescript: best type checking for the best type safety
C# and Typescript
Before using Typescript, I used C# for many years. Put aside the ecosystem and just from the language point of view, I still think C# is the best language I have ever used, which is mainly because of the robust and powerful type system. It is really a pleasure to write code with good type inference, even for the generics, and very few annoying runtime errors.
Therefore, the moment I heard about Typescript, I knew I would definitely use it seriously for sure.
Why? because of …
#webdev #typescript #beginners #productivity
3. Create a Recipe App with Tailwind and Nuxt
According to Verified Market Research, the recipe apps market size is projected to reach USD 1,098.22 Million by 2028. They are designed with intent and excellent user experience to make cooking easier, faster, and more accessible.
In this post, we will learn how to create a recipe app in Nuxt.js using TailwindCSS and Appwrite. The project’s GitHub repository can be found here.
Prerequisites
To fully grasp the concepts presented in this tutorial, the following requirements apply:
Basic unde…
#nuxt #appwrite #tailwindcss #vue
dev.to
Build a serverless subscription system with Stripe and Appwrite for premium user roles in Nuxt
Learn how to build a metric tracker with premium features in a Nuxt.js application with Appwrite’s serverless function and Stripe
#nuxt #appwrite #stripe #serverlessfunction
Build a serverless subscription system with Stripe and Appwrite for premium user roles in Nuxt
Learn how to build a metric tracker with premium features in a Nuxt.js application with Appwrite’s serverless function and Stripe
#nuxt #appwrite #stripe #serverlessfunction
dev.to
Create your nuxt website with Netlify ✨
Oh hello here ! 👋🏼 In this post, we go to create a simple Nuxt website with Netlify, and how to...
#netlify #nuxt #webdev #javascript
Create your nuxt website with Netlify ✨
Oh hello here ! 👋🏼 In this post, we go to create a simple Nuxt website with Netlify, and how to...
#netlify #nuxt #webdev #javascript