Add Google reCAPTCHA in Laravel Breeze Registration

Yussuf Mussa — Tue, 20 Jun 2023 13:21:00 +0000

In this post, I will guide you step by step on how to add Google reCAPTCHA v2 Checkbox to the Laravel Breeze Registration Form. I will use the NoCaptcha Laravel package. Integrating reCAPTCHA into your application helps prevent automated spam registrations.

## Step 1: Obtaining reCAPTCHA Keys
Go to the Google reCAPTCHA website (https://www.google.com/recaptcha) and sign in with your Google account. Click the + sign and fill in the details as follows:

Label: use the domain name of your application

reCAPTCHA type: Select challenge(v2) and tick I’m not a robot checkbox

Domain: in our case add 127.0.0.1 since you are on a local machine but you can change this later to your domain name once on the live server or just add the domain name you will use.

Click submit to generate your site keys

Once the keys are generated copy them and paste them somewhere else as they will be needed later.

Step 2: Installing NoCaptcha Laravel Package

Run this command to install NoCaptcha Package.

composer require anhskohbo/no-captcha

After the package is installed, open your config/app.php file and add the following line to the providers array.

Anhskohbo\NoCaptcha\NoCaptchaServiceProvider::class,

Next, run the following command to publish the package configuration file.

php artisan vendor:publish --provider="Anhskohbo\NoCaptcha\NoCaptchaServiceProvider"

Step 3: Configuring NoCaptcha Package

Open the generated config/nocaptcha.php file. In this file, we will need to supply the NOCAPTCHA_SECRET and NOCAPTCHA_SITEKEY on the .env file.

Go to .env file and paste your site keys as shown below

Step 4: Updating Laravel Breeze Registration Views

Open the resources/views/auth/register.blade.php file. and add the following before the submit button.

<!-- google recaptch -->
  <div class="mt-4">
      {!! NoCaptcha::renderJs() !!}
      {!! NoCaptcha::display() !!}
      @if ($errors->has('g-recaptcha-response'))
      <x-input-error :messages="$errors->first('g-recaptcha-response')" />
      @endif
  </div>

Step 5: Updating Laravel Breeze Registration Controller

Open the app/Http/Controllers/Auth/RegisteredUserController.php file. and add the following code to the store method to validate the reCAPTCHA response.

$this->validate($request, [
    // Existing validation rules...
    'g-recaptcha-response' => 'required|captcha',
],['g-recaptcha-response' => 'Please Verify you are not a robot']);

Note: [‘g-recaptcha-response’ => ‘Please Verify you are not a robot’] used to set a more user friendly message in case of an error.

Start the server and go to http://localhost:8000/register

You should see the new checkbox of Google Recaptcha

Understanding Web Hosting Options: Shared vs. VPS vs. Dedicated Servers

Yussuf Mussa — Fri, 16 Jun 2023 10:21:43 +0000

Choosing the right web hosting solution is a crucial decision for developers and businesses alike. With various options available, such as shared hosting, virtual private servers (VPS), and dedicated servers, it’s essential to understand their differences, advantages, and limitations. In this comprehensive article, we’ll dive into each hosting type, providing technical insights and relevant examples to help you make an informed decision.

1. Shared Hosting
Shared hosting is an entry-level hosting option where multiple websites share resources on a single server. Let’s explore its key aspects:

Resource Sharing: In a shared hosting environment, server resources like CPU, RAM, and disk space are shared among multiple websites. This cost-effective solution is suitable for small-scale websites or those with moderate traffic.

Performance Considerations: While shared hosting is budget-friendly, resource sharing can affect performance. If one website experiences a sudden surge in traffic or resource consumption, it may impact the overall server performance, causing slower load times for all shared sites.

It’s more practical to use shared hosting in a situation where you’re starting a personal blog or a small portfolio website. Shared hosting would be an ideal choice since you won’t have high traffic or resource demands initially.

2. Virtual Private Servers (VPS)
VPS hosting offers a middle ground between shared hosting and dedicated servers. It provides virtualized resources within a shared server environment. Let’s delve into its details:

Dedicated Resources: With VPS hosting, you have dedicated resources allocated to your virtual server, providing better performance and reliability compared to shared hosting.

Scalability: VPS allows for easy scalability, enabling you to upgrade your resources as your website grows. You have more control over server settings and can install custom software.

It’s more practical to use a virtual private server(VPS) in a situation where you’re running an e-commerce platform with moderate traffic and resource requirements. VPS hosting would give you the flexibility and performance you need without the higher costs of a dedicated server.

3. Dedicated Servers
Dedicated servers provide exclusive access to an entire physical server, offering maximum control and performance. Let’s explore the advantages and considerations of dedicated hosting:

Complete Control: With a dedicated server, you have full root access, allowing you to configure the server according to your specific requirements. This level of control is beneficial for complex applications or websites with high traffic.

Enhanced Performance: Since all server resources are dedicated to your website, you can expect exceptional performance, faster load times, and a better overall user experience.

It’s more practical to use a dedicated server in a situation where you’re running a large-scale enterprise-level application with heavy traffic, complex functionality, and strict security requirements. Dedicated hosting would provide the resources and control necessary to meet your specific needs.

Choosing the Right Web Hosting Option
The right web hosting option for you will depend on your website’s needs. If you have a small website with low traffic, shared hosting is a good option. If you have a medium-sized website with moderate traffic, VPS hosting is a good option. If you have a large website with high traffic, dedicated hosting is a good option.

Tips for Choosing a Web Hosting Provider
When choosing a web hosting provider, there are a few things you should keep in mind: