Using nuxtServerInit in Vuex to Fetch Component Data

If you are using Vuex as a state management library for you Nuxt.js application you have access to the nuxtServerInit action which is called in the root (index.js) file of your vuex store located in ./store/index.js. The nuxtServerInit action is called in universal mode on the sever for every server request (including the initial request) […]

How to Create Your Own Gatsby.js Theme Part Two

In Part One of our tutorial on how to create a Gatsby theme we discussed: Setup our Yarn Workspaces so we can develop and test our Gatsby theme as a workspace dependency Installed the gatsby-source-filesystem and gatsby-transformer-json plugins to source and transform our data which is stored at /src/data/Project.json We defined a gatsby-node.js file which makes sure the folder /src/data folder exists and creates […]

How to Create Your Own Gatsby.js Theme Part One

This tutorial is broken into two parts. Part One discusses setting up the Yarn Workspace that we will use for development purposes. We will setup our data source using Gatsby’s filesystem source plugin and transform JSON data using Gatsby’s transform json plugin. Part Two we will discuss extending the theme and using it as a […]

JavaScript Recursive Combination Generator Function

Recursion is a powerful programming methodology but it can seem “magical” at times. In JavaScript recursion works by queuing all of the recursion calls into a call stack and when the base case evaluates to true the call stack “unwinds” and executes all of the recursion calls in the stack starting from the last (most […]

JavaScript Transpose Matrix Rows to Columns

It’s fairly common that we have a matrix in JavaScript which is an array of arrays such as: In which we want to transpose the rows ie. the first row is matrix[0] and would evaluate to [1,2,3] into columns such that the first column of our returned matrix would evaluate to [1,4,7]. Let’s stub out […]

How to Use Theme UI Tailwind CSS Preset

If you’ve read our article about using Tailwind CSS in Gatsby you know we are big fans of the Tailwind CSS library. As another option to using Tailwind in Gatsby we can turn to the Theme UI library to integrate Tailwind into our Gatsby or React application. The Theme UI library allows you to create […]

Gatsby GraphQL Custom Field Resolver Related Types

We ran into a scenario recently where we wanted to relate an image file to a field in our JSON object definition. We were using Gatsby Transformer JSON to transform our JSON files into GraphQL Types that we can query using the Gatsby GraphQL and since we were using the Gatsby Source Filesystem we had […]

Hash Interactive Releases Gatsby Reactor Theme

Hash Interactive is proud to release the first version of the open source theme for Gatsby Js the Reactor Theme. The intent of this theme is to allow the opportunity for developers, software engineers and UI/UX designers to have their own portfolio website which is professional, creative and informational. The theme is customizable, with the […]

Docker Machine Remote Deployment AWS EC2

Docker is a great tool in development and production to containerize your apps to ensure your deployments are configured the same whether you are running them on a local machine or deploying them to a cloud VPS. More recently, docker swarm has been the popular deployment methodology for deploying remote containers, but what if you […]

Using NGINX Basic Auth for WordPress Headless CMS

As the saying goes, “old habits die hard.” And so do traditional CMS systems. Sometimes change takes a momentous effort. We are comfortable with what we know, even if something “better” is presented to us. It’s human nature to be fearful of the unknown. “If I had asked people what they wanted, they would have […]

JAMStack Everything You Need for Lightning Fast, Highly Secure Websites

There’s a new kid on the block and he’s growing up fast while quickly gaining celebrity status. We’re not talking about blockchain technology, GraphQL or hybrid mobile applications – we can save those for another time. No, we’re talking about the JAMStack! Today we’ll be answering some specific questions you might have about JAMStack technology […]

Vue Composition API vs React Hooks Quick Comparison

Today we’ll be comparing two relatively new concepts in Vue and React. Vue recently released the Vue Composition API RFC which is an additive API that changes the setup of Vue components to make use of reactivity in Vue and to help developers organize their components by logical concern to avoid bloated components. Since React […]

Docker Compose Up With Postgres Quick Tips

I found myself trying to spin up a docker container recently to containerize a Postgres database and ran into a few issues that took me awhile to flesh out and thought I would share. We are going to assume that you have a version of Docker Engine and Docker Compose installed on your computer and/or […]

Tailwind CSS and Gatsby in Under 5 Minutes

If you have read some of our other blogs on Tailwind CSS, Webpack Configuration for React & Tailwind CSS, you know that we are big fans of the Tailwind CSS utility library. We have used it on multiple Vue.js projects, Nuxt.js projects as well as React.js and it fits nicely into all of these ecosystems. […]

Changing a Related Join Field in Sequelize

Sequelize is a powerful ORM for node.js that makes working with relational database management systems (RDMS) such as Postgres, MySQL, MariaDB and others seamless. Most schema definitions in a RDMS have a relationship between tables such as User to Post relationship or Order to Customer. Sequelize makes JOIN statements easy between associations with some simple […]

Bash Script and Node.js Generator for Seeding Postgres Database

With the popularity of Node.js and the recent full-stack movement to Javascript, NoSQL databases such as MongoDB have garnished a lot of attention as of late. However, there is still a lot of production applications relying on the performant capabilities of Relational Database Management Systems (RDMS) such as MySQL and Postgres Databases. Using database adapters […]

CI/CD Using PM2 Deploy for Node Application

PM2 is a daemon process manager that helps manage and keep your application process running. It can restart your application if there is an unexpected error or exit code, ensuring that your application stays online. Before we get started, this tutorial makes a few assumptions: You have ssh access and root/sudo permissions to a remote […]

Mounting Docker Volume On Nuxt Generate Directory

If you followed along with the tutorial from last week on Mutli Stage Docker Builds for Nuxt Generate we walked through installing a basic Nuxt.js project, and setting up a Dockerfile which could be used to build an image that would run the nuxt generate command for our project, copy the /dist files over to […]

Vuex Module Composition

State management can be a wonderful thing to incorporate into your application, but as your app grows it can become increasingly difficult to scale your store. Luckily, vuex (used in vue applications) allow you to organize your store/state in modular form so you can more easily scale your app. Today, we’ll explore both Vuex Modules […]

Migrating a WordPress Blog to Strapi

There is only one thing in the world that changes faster than the weather, and that’s technology. Everyday there are new technology stacks and projects that are advancing the industry forward. One new buzzword you have been hearing of is “headless CMS”. A headless CMS decouples the front-end theme/view/UI from the backend API/CMS and server […]

Docker Multi Stage Build for Nuxt Generate

Nuxt.js is our go to platform for front-end development, single page apps and universal apps – offering server side rendering (SSR) and progressive web app (PWA) integration. The node package also comes with a few commands that help with the development, build and deploy process – depending on what “mode” you want to deploy in. […]

Globally Install Two Different Versions of Node Package

Strapi.io is a great headless CMS option that we use for a lot of our clients websites. Although it is a headless CMS they have built a very nice admin dashboard that our clients can use to manage the content structure that we defined in our API for them. We have been fairly early adopters […]

Webpack Configuration for React and TailwindCSS

When it comes to utility first css libraries, tailwindcss is one of the front runners in css frameworks. Tailwind is summed up nicely in a couple sentences: Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles […]

Digital Vs. Traditional Advertising

Driven by consumer behavior, emerging platforms, and intent, digital advertising connects you with the right people, in the right places, and with the most effective content. Paid Search With over 4 billion searches per day, paid search ads are one of the most cost effective ways to secure ‘first-in-line’ status for those intentionally searching for […]

5 Digital Marketing Trends You Need To Prepare For

As a marketer, my ability to anticipate digital marketing trends, and effectively utilize those trends, are skills I must continually grade myself on. Not to satisfy my ego, but to provide clients with the most effective means of interacting and communicating with their target audience(s). Just as your business evolves, so do the ways in […]

Chasing Shiny Objects

If you haven’t heard, we live in a world dependent on technology. We chase technology as if our lives depends on it – and sometimes it does. For some, it’s a requirement. For others, it’s a vice. Regardless of which realm you exist in – maybe it’s both – technology will forever surround us and new innovations will continually be revealed. Technology is used to make our lives easier, extend our life expectancy, save someone we love, and give us time back through streamlining and automating processes.

The Battle for Competitive Local Search Ranking in Google just Got Real

Google Local (formerly known as Google My Business) has made a recent change to their display “pack” from 7 local business listings down to 3 local business listings (see attachment). This means that the competition to get into the first 3 local search results just increased over 200%. I don’t think we have to delve into details […]

The Balance of UX Design vs Content for SEO

As website designers we are in a constant struggle between user experience (UX) design and content for indexing in search engines.  Traditional SEO has always preached that “content is king” and up until recent innovations in technology content was the only real indexable asset on a website.  If you reflect upon the evolution of the […]

Is Your Company Telling the Right Story?

Recently I was reading: “Brand Thinking and Other Noble Pursuits” by Debbie Millman which offers a great look into brand identity and thinking from a designers perspective. Each chapter of the book is a dialogue between Millman and a respected leader in the graphic design world lending their expertise. One particular chapter the notion of […]

Reasons Google Could be Penalizing Your Website

Google does an excellent job making sure only content of the highest quality shows up in their search results. To do this Google is constantly updating their algorithms so that only the best results are show in the first positions of a search. Along with these constant updates come penalties. Many practices that were once […]

Google’s New Logo

Oh yes they did! Google once again comes with a new logo. First glance pretty obvious that the serifs are gone! The colors are the same, no surprise there, those have been so consistent why change that now. One touch that I think is really nice is that if you look closely there is better […]

Digital Strategy in Fargo

What is a Digital Strategy?  Many companies in Fargo are behind the curve when it comes to digital strategy but they don’t have to be.   At Hash we have spent a lot of time considering how to best explain this to our clients.   When we boiled it down digital strategy comes down to 3 main areas: technical […]

SEO and Your Marketing Strategy

Creating your SEO strategy can be a great way to clarify and identify your marketing strategy (or vice versa you can use your company’s marketing strategy as a platform for your SEO campaign).  In his book Traction, Gino Wickman asks an important question to help clarify a company’s marketing strategy, “Who is your target market and how can you […]

Online Marketing Strategy

Putting it in Perspective So you just opened a brand new store with great products/services and a great story to go with it (after all this is your blood, sweat and tears you have put into launching this store).  You’re in a relatively good location downtown, accessible to a lot of shoppers; but because of street side competition, […]

How Much Is a Good Website Worth to Your Business?

The worth of a business’s assets can be tricky to define. Deciding how much your website is worth to your business is even more perplexing. At Hash Interactive we have noticed that the return on investment from a good quality website is very high. How do we know this? How can you figure out how much value […]

Creative Design: Increasing Consumer Confidence

E-Commerce and breakfast, who knew it could be such a great combination! Emerging Prairie did, and we would like to give them a big thank you for helping us put this month’s E-Commerce Breakfast together. It was an excellent opportunity for us to hear ideas from local e-commerce leaders to see the exciting things they […]

Hash Interactive Featured in The Forum

We couldn’t be happier to announce that we had our first article published about us in the Forum today! The article was written by Angie Wieck and highlights the e-commerce direction we are taking here at Hash. We feel that Hash Interactive is the go to place for e-commerce development in Fargo, ND. Creating and […]

Hash Interactive Hosts E-Commerce Breakfast

It’s official! Hash Interactive will be hosting the Fargo Moorhead E-Commerce Breakfast at the Radisson in Downtown Fargo on June 16th at 7:30am. The E-Commerce breakfast is back this month, get ready for a morning of delicious food and networking with the area’s e-commerce leaders. Hash Interactive is teaming up with Emerging Prairie to host this […]

Does Your Site Pass Google’s New Mobile Penalty?

In 2014, it was reported that more online users use mobile devices to access the internet than PCs. In response, Google publicized this year that it would begin to punish web pages in search rankings if they did not meet their mobile-­friendly criteria by April 21st of 2015.

Icon Design and Digital Media

Apple has most definitely impacted design, not only for mobile experience but throughout the digital landscape. As apps became popular, design shifted from realism and photography to icon based design. Icons have many advantages over traditional images. Let’s take a look at how icons can be used to boost your digital design.

The Importance of User Experience Design

The web is a dynamic platform.  Not only are the technologies constantly changing but so are the devices we use to access the web.  On top of these challenges people designing for the web must make sure their product is easy for users to interact with.  This is the backbone of user experience design.  In […]

The decision of going with flat logos.

Now by this time many of us have seen companies rebrand and change their logos, some ever so slightly and others somewhat drastically. The trend lately seems to be that most companies are going to flat logos.

The Psychology of Color

Choosing a color for your logo can actually be more complex than you think. It goes way beyond just picking your favorite color, and the decision should be taken seriously with some thought behind it.

Knock it out of the park with quality photography!

Did you know that 94% of people cite design (overall look) as a reason they do not trust a site (your business). A major contributing factor to this, which often times gets over looked, is quality photography. It can really make or break a website, and the perception of your business to the public. Take this […]

Creating Child Themes on WordPress

Child themes are integral to creating a custom site using WordPress. By creating a child theme it is possible to take an already existing WordPress theme and personalize it even further. What makes child themes so useful is that you can still take advantage of all of the structures and tools already used with a […]

Search Engine Optimization

Everyone knows to be a successful company; you have to have an online presence. With smart phones being used by the masses and the ease of online shopping, it’s an essential part of your business and a great way to land customers. So why is an online presence essential? One, it gives you instant credibility. […]

How’s Your Website Content

Keep it short and simple Being new to Fargo, I’ve been surfing through a lot of locally-owned websites. I don’t know if these businesses are trying to be modest, or simply didn’t know what to say on their sites. For the most part, those sites leave me wanting more. I want to know more about […]

10 great website resources

At Hash Interactive we love the fact that there are reliable resources out there to help us not have to recreate the wheel for all aspects of development.  This not only helps us keep our price down for you the customer, but also allows us to build relationships with these resources that allow us to […]

Tips for Local Fargo Business Websites

At Hash Interactive we take pride in our local website development. As a local start up business in Fargo, North Dakota we understand how hard it is in the beginning to get up and running with the essentials. We try to lean on other businesses for help and make sure they put us in the […]

The Importance of Quality Web Design

Ever wonder why certain websites seem to really stand out from the competition? You know the ones – those websites that look and feel professional, trustworthy and credible? A great website doesn’t just happen – it’s a carefully crafted blend of art, science and psychology that is designed to encourage users to think, feel and […]

How Google Calculates Cost Per Click

While setting up your AdWords campaign Google gives a suggested or average cost per click (CPC) for current advertisers for the keyword they are using in their campaign.  You can set your bid price (BP) based on the average CPC, but the bid price you set does not necessarily mean that will be the cost […]

Three Online Campaign Models for Search Engine Marketing

Search engine marketing (SEM) is a rapidly growing industry in the advertising world. It’s changing the paradigm for many businesses in how they invest in advertising and driving customer engagement. There are many pay-per-click (PPC) venues out there to invest you money in, but the big player on the block is obviously Google. Google drives […]

“Be Curious Till The Day You Die.”

At Hash Interactive, we are always pushing each other to become more well-rounded members of the team. We encourage each other to strive to be the best and often times after hours we will meet to teach each other certain tricks of our personal trades. This mentality stems from the values and work ethic that […]

Do you need to educate your visitors? Have you tried animation?

At Hash Interactive, we believe in keeping things simple yet effective. Most of our customers have the need to educate their visitors about a product or service they offer. The tough part is gaining the visitors’ attention, then providing them with quick, impactful information that makes an impression. that ultimately makes them act. In Jamison […]

Customer Engagement and Social Currency

You know that feeling you get when someone rewards your thoughts/opinions on your Facebook page by liking your post? How about when a community of people retweet your latest world philosophies on Twitter? Social proof and engagement are affirmations that your opinions matter and make a difference. Engagement online is not only a thing, it’s […]

Fargo, Give Me A Call

Fargo is a town of phone calls. That’s one of the first lessons I learned about my new home, when I moved here just a few weeks ago. As I began to meet people and network, I was often told, “just give this person a call, they will gladly help you.” While those instructions gave […]

Words with Pictures

Graphic Design is an interesting enigma. As a graphic designer I get asked all the time, “So what is it that you do?” There is the obvious answers like: “I’m a visual communicator,” or even a lot of times people just think you are an artist. I like to think of myself as a problem […]

Hash Interactive 5 favorite WordPress plugins

Woocommerce Visual Composer Revolution Slider Yoast SEO W3 Total Cache

Top 5 Reasons we use WordPress as the CMS of choice for our clients

1. Content Administration If you have ever spent any time managing a WordPress site you have already got a taste of the ease of use for a site administrator. By default, WordPress comes pre-configured with the TinyMCE editor which is a user friendly rich text editor that is brings a “Microsoft Office” feel to web […]