Scrapping a Server for Serverless

My personal project for the last few weeks has been Pointer , a (now serverless) planning/pointing poker web application. I hacked together the first prototype over a weekend, and it was unstable to say the least. It could handle about three good connections before it started losing connections and/or having memory issues. The first protoype was made of two separate repositories: one for the front-end which was a very basic Vue client and one for the server which is where most of the work was…

How I Host My Buzzword-Powered Blog For Free

This blog is what I like to call "buzzword-powered" since it's my testing ground for new technology I want to try out. In its current form, it's a single-page React app, generated by Gatsby . The entire site is pre-rendered static pages so even if a user doesn't have JavaScript enabled they'll get the regular experience of loading each page over HTTP requests. But if a user does have JavaScript enabled, the site will turn into a single-page progressive web app which will continue to work even…

Laravel + React Forum

Posting Threads

This is the first lesson in a series on how to create a forum using Laravel and React. If you haven't read the introduction where we plan out the forum you should check it out first! To get started with a forum, the first thing we need is the ability to create accounts, login, and create threads. Thankfully, Laravel comes with the Artisan make:auth command, which we'll be taking advantage of. Since this is covered pretty thoroughly other places, like in the Laravel Authentication…

Laravel + React Forum

Planning a Forum

After getting React set up in your Laravel project (check out how to get started with React in Laravel if you haven't set it up before), you may be wondering how to actually use it on your site. In this series, we'll create a simple forum which uses React components for the main features of the site. Starting out, we'll focus on the main features (creating threads, commenting, etc). Later on we'll explore more advanced features such as voting, popular/hot algorithms, messaging, and following…

Learning Laravel

Eyeing Up Views

Now that we've started learned how to set up some basic routes (go check out Really Radical Routing if you haven't created any routes yet), lets give our site visitors something to look at that's a bit nicer than some plain text Views will allow you to use a templating engine called Blade to create HTML pages with ease. You can check out the default page that gets created when you first make a Laravel project inside resources/views/welcome.blade.php . Within that file, you'll see a basic HTML…

Learning Laravel

Really Radical Routing

Since a route is the first thing every user is going to interact with when visiting your site, it's where we're going to start our Laravel journey. In most projects, your routes will be contained within the routes\web.php file . When you open it up after creating a brand new project (read the first lesson in this series if you need help setting up a Laravel project ) you will see the generic starting route: Let's break this down to figure out what's going on. First we call the get function on…

Learning Laravel

Installation and Configuration

Laravel is the "PHP Framework For Web Artisans" and it's become a hot topic in PHP back-end development over the past few years. Before you can start learning it though, you need to learn how to set up a new project using it. Note: this article will assume you already have PHP 7, Composer, NPM, and MySQL installed on your development computer. While this is a beginner lesson for Laravel, it isn't a lesson for these other foundational systems. PHP is notoriously difficult to set up on Windows, so…

Getting Started With React in Laravel

By default, the newest versions of Laravel ship with scaffolding for the JavaScript framework Vue.js . This is great for getting started quickly... if you plan on using it. Another popular choice for front-end JavaScript is Facebook's React . Previously in Laravel, if you wanted to use React in your project you had to manually remove Vue and add React. While it wasn't terribly difficult, it did require pulling in the packages, adding it to your app.js or bootstrap.js files, fixing your…

Launch With a Landing Page

When developing a new product or business that they want to launch, people tend to think that the first step is to build a website. They figure that their idea warrants at least half a dozen pages chock-full of information. In a majority of cases, this kind of thinking will get you off-track. What goes on that landing page will differ based on what kind of business it's for, but the core message stays the same. People aren't going to browse multiple pages of a business that isn't established yet…