Frontend Development

Frontend development is the development of websites and applications of logic and markup that will work within the browser or client. This is the HTML, CSS, and JavaScript that provides functionality to users, and what people see as they are interacting with websites and applications.

Cristo En Todo

A website where my wife shares her thoughts and life journeys.

Cristo en Todo is a Ghost CMS blog that I set up and provisioned for my wife.

This is her personal blog about her walk with Jesus. It is mostly in Spanish, as she is a native Spanish speaker.

Two of the things that I love about Ghost CMS are the ease of writing in the editor and ease of setting up the CMS. It is super easy to get a Ghost blog up and running; then once it is, the writing experience is wonderful.

Since I needed to remove the credits in the default Ghost theme, I needed to update the theme template slightly. You can view the theme for her blog on GitHub.

View more details

Read posts in Frontend Development

October 9, 2020

Building a Honeypot Field in Nuxt

This is how you build a custom honeypot field with Vuejs and Nuxt that keeps spam submissions at bay on your website.

Read full post

January 31, 2022

How to add Amazon affiliate and Google AdSense ads to your Vue app.

Sooner or later, if you are developing a content site, niche blog, or some other website that attracts organic visitors, you may decide you want to start making money with your website in the form of ads. When you go to do that, you may end up using some sort of script tag that the ad service provides you with that you need to add to your html somewhere.

Read full post

November 15, 2020

Why I am glad I was rejected by my dream company... twice.

I don't know a single person on the planet that likes being rejected, and I am not an exception. When I saw a job position in customer technical support open at Webflow this Spring, I immediately applied.

Read full post

September 23, 2021

How to remove warning in vue to configure feature flags to esm module bundling: Laravel Mix

In Laravel, when using Laravel mix to bundle assets and utilizing Vue 3 for your frontend, you may run into a warning in your console that can be confusing,

Read full post

December 7, 2021

How to add Vue Components Globally in an InertiaJS application.

For an application I’m building now, I’m using Laravel Jetstream, with Inertia Vue as the frontend. One thing that quickly frustrated me was importing components I needed over and over again. I wanted to import the main components that I used most often to make my pages and components easier to read and maintain.

Read full post

October 30, 2020

How to remove the # symbol from your Vue Router website url.

In order to quickly remove the # symbol from your URLs, within your index.js file where you create a new Vue Router instance, add the history mode setting to it.

Read full post

November 26, 2020

I don't have experience with Gatsby. Why am I building a Gatsby plugin then?

I have zero experience with Gatsby. The only experience I had had before with Gatbsy was going through some of the docs and deciding to use NuxtJs for my personal portfolio website instead of Gatsby, but this week I started work on a Gatsby Plugin.

Read full post

Trying to do my part in making the world a better place.

This site is hosted for free, so I am thanking the services I am using by adding a link to their websites here in the footer.

Frontend Development

Cristo En Todo

Read posts in Frontend Development

Building a Honeypot Field in Nuxt

How to add Amazon affiliate and Google AdSense ads to your Vue app.

Why I am glad I was rejected by my dream company... twice.

How to remove warning in vue to configure feature flags to esm module bundling: Laravel Mix

How to add Vue Components Globally in an InertiaJS application.

How to remove the # symbol from your Vue Router website url.

I don't have experience with Gatsby. Why am I building a Gatsby plugin then?

Me

More

Free Hosting

This Site