Lightsail is an easy-to-use cloud platform that offers you everything needed to build an application or website, plus a cost-effective, monthly plan. Whether you’re new to the cloud or looking to get on the cloud quickly with AWS infrastructure you trust, we’ve got you covered.

In other words, Amazon has created alternate of Digital Ocean

Check out Pricing Options : https://aws.amazon.com/lightsail/pricing/?opdp1=pricing

https://aws.amazon.com/lightsail/

Where to use Amazon Lightsail?

Simple web applications

Easily deploy a web application with a few clicks. With pre-configured development stacks like LAMP, Nginx, MEAN and Node.js. we make it easy for you to get your web application online.

Websites

Quickly create a website that shines. Create and customize your blog, e-commerce, or personal website with Lightsail’s pre-configured applications like WordPress, Magento, Plesk, and Joomla.

Business software

Run your open source and commercial software for your business, with ease. Lightsail helps you quickly launch your line-of-business software, like file storage and sharing, backups, financial and accounting software, and much more.

Dev/test environments

Spin up a developer or test environment in seconds. Creating dev sandboxes and testing environments outside of your prod environment lets you test without the concern of breaking something. And, once you’re done, you can quickly destroy them.

Get started with Lightsail for free

Amazon Lightsail Features

Managed environments

Lightsail automatically configures networking, access, and security environments, taking the guesswork out of launching your server.

High availability storage

Every Lightsail server comes with high-performing, persistent SSD-based storage.

Secure networking

Lightsail servers run on the AWS network that you trust. Configure your network simply and securely, including your IP addresses, DNS, firewall, and more.

Easily scale your idea

As your ideas grow, a Lightsail load balancer can easily handle your increased traffic and heavier workloads. Plus, you can use the full force of AWS by connecting your project to other AWS services.

Powerful API

Use the simple and flexible Lightsail API to extend your application or integrate it with external applications.

Additional benefits

Lightsail plans always include a static IP address, DNS management, server monitoring, SSH terminal access (Linux/Unix), RDP access (Windows) and secure key management.

Click-to-launch OS & applications

Lightsail offers a number of preconfigured, one-click-to-launch operating systems, development stacks and web applications, including Linux and Windows OS, WordPress, LAMP, CentOS and more.

Happy Coding 🙂

Originally published at https://coding17.com on January 8, 2020.

What is Amazon Lightsail? — Coding 17 was originally published in coding17 on Medium, where people are continuing the conversation by highlighting and responding to this story.

This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.

React Intl is part of FormatJS. It provides bindings to React via its components and API.

Documentation

• Getting Started
• Components
• API
• Advanced Usage
• Testing with react-intl
• IDE Plugins
• Upgrade Guide

Features

• Display numbers with separators.
• Display dates and times correctly.
• Display dates relative to “now”.
• Pluralize labels in strings.
• Support for 150+ languages.
• Runs in the browser and Node.js.
• Built on standards.

Example

There are several runnable examples in this Git repo, but here’s a Hello World one:

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import {IntlProvider, FormattedMessage} from 'react-intl';

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      name: 'Eric',
      unreadCount: 1000,
    };
  }

  render() {
    const {name, unreadCount} = this.state;

    return (
      <p>
        <FormattedMessage
          id="welcome"
          defaultMessage={`Hello {name}, you have {unreadCount, number} {unreadCount, plural,
                      one {message}
                      other {messages}
                    }`}
          values={{name: <b>{name}</b>, unreadCount}}
        />
      </p>
    );
  }
}

ReactDOM.render(
  <IntlProvider locale="en">
    <App />
  </IntlProvider>,
  document.getElementById('container')
);

GitHub

formatjs/react-intl

React-intl — Internationalize React apps was originally published in coding17 on Medium, where people are continuing the conversation by highlighting and responding to this story.

React Helmet is a simple component that makes it easy to manage and dynamically set what’s in the document’s head section. This makes server-side rendering and React Helmet a dynamic duo for creating apps that are SEO and social media-friendly.

This reusable React component will manage all of your changes to the document head.

Helmet takes plain HTML tags and outputs plain HTML tags. It’s dead simple, and React beginner-friendly.

Installation

Yarn:

yarn add react-helmet

npm:

npm install --save react-helmet

Features

• Supports all valid head tags: title, base, meta, link, script, noscript, and style tags.
• Supports attributes for body, html and title tags.
• Supports server-side rendering.
• Nested components override duplicate head changes.
• Duplicate head changes are preserved when specified in the same component (support for tags like “apple-touch-icon”).
• Callback for tracking DOM changes.

Example

import React from "react";
import {Helmet} from "react-helmet";

class Application extends React.Component {
  render () {
    return (
        <div className="application">
            <Helmet>
                <meta charSet="utf-8" />
                <title>My Title</title>
                <link rel="canonical" href="http://mysite.com/example" />
            </Helmet>
            ...
        </div>
    );
  }
};

Nested or latter components will override duplicate changes:

<Parent>
    <Helmet>
        <title>My Title</title>
        <meta name="description" content="Helmet application" />
    </Helmet>

    <Child>
        <Helmet>
            <title>Nested Title</title>
            <meta name="description" content="Nested component" />
        </Helmet>
    </Child>
</Parent>

outputs:

<head>
    <title>Nested Title</title>
    <meta name="description" content="Nested component">
</head>

GitHub :

nfl/react-helmet

Author: National Football League

• National Football League
• NFL Engineering - Open Source

Happy Coding :)

What is react helmet? was originally published in coding17 on Medium, where people are continuing the conversation by highlighting and responding to this story.

What is robots.txt file?

Web site owners use the /robots.txt file to give instructions about their site to web robots; this is called The Robots Exclusion Protocol. It is typically stored in the root directory of your website.

Recommended robots.txt file for WordPress sites

User-Agent: * 
Allow: /wp-content/uploads/ 
Disallow: /wp-content/plugins/ 
Disallow: /wp-admin/ 
Disallow: /readme.html 
Disallow: /refer/   

Sitemap: https://coding17.com/post-sitemap.xml 
Sitemap: https://coding17.com/page-sitemap.xml

it is simple to generate robots.txt file.

1. Go to your website root folder
2. create robots.txt file
3. copy above code and paste in the file ( Make sure to change instructions as per your need. )
4. Change sitemap URL with your generated sitemap URL

Follow this link to know more about robots.txt file.

Originally published at https://coding17.com on August 12, 2019.

Optimize WordPress Robots.txt for SEO — Coding 17 was originally published in coding17 on Medium, where people are continuing the conversation by highlighting and responding to this story.

Reactive form builder for Vue.js with Laravel support

Create even the most complex forms with ease, using two-sided validation,
eloquent, nested elements, conditional logic, wizards and many more.

Pricing :

Reactive Form Builder for Vue.js with Laravel Support

Laraform Community Edition (Vue.js)

Laraform is a premium library aiming to become the world’s best form builder tool for web developers. It enhances collaboration by standardizing the creation of forms and increases efficiency by eliminating tons of repetitive work. Laraform comes with a lighter “Community Edition” and a full version which can be purchased at our website.

laraform/laraform

Features

Full features of Laraform:

• Two-sided validation
• 54 Laravel compatible frontend validators
• Eloquent ORM support
• Multiple file uploads
• 34+ built-in elements
• Nested elements
• Repeatable elements
• Translatable elements
• Conditional logic
• Form wizard
• Localization
• Theming
• Extensibility

Examples

• Shopify checkout clone
• Login with backend support
• Element examples

Browser Support

Laraform aims to support the latest versions of:

• Google Chrome
• Firefox
• Apple Safari
• Microsoft Edge
• Opera
• Internet Explorer 10+
• Safari iOS
• Chrome, Firefox and Default Browser Android

Installation

Laraform is a full-stack library which comes with a separate frontend and backend library.

Install frontend library for Vue.js:

npm i laraform --save

Install backend library for Laravel:

composer require laraform/laraform-laravel

This will install Laraform’s Community Edition. For the full package please check out our website.

Documentation

A complete Developer Guide and API Reference is available at Laraform website.

Issue Tracking

Laraform uses GitHub Issues for official bug tracking. Please follow our issue template to help us hunt down bugs as efficiently as possible.

Laraform — Full-Stack Form Builder for Laravel & Vue.js was originally published in coding17 on Medium, where people are continuing the conversation by highlighting and responding to this story.