Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://docs.amplify.aws/gen1/javascript/start/project-setup/create-application/ below:

Website Navigation

• Skip to main content

Create your application - JavaScript

NOTE: Amplify JS v6 supports Next.js with the version range: >=13.5.0 <16.0.0. Ensure you have the correct version to integrate with Amplify.

To set up the project, you will need to create a new Next.js app with the create-next-app tool. You'll then add Amplify and initialize a new project.

Run the following command and following the instructions to create a Next.js app.

Then run the following command to enter the root of your Next.js app.

You can now run the app in development mode by using the following command:

Use the Angular CLI to bootstrap a new Angular app:

First, create src/polyfills.ts and add the following:

Then, open your angular.json file, and add src/polyfills.ts to polyfills array(s) in your angular.json. These arrays are located in projects.<project-name>.architect.<task-name>.options.

And finally, make sure to add src/polyfills to files in your tsconfig.app.json:

Add the following to your src/polyfills.ts file to recreate them:

To get started, first create a new React app using Vite, and then install and use the Amplify CLI to start adding backend capabilities to your app.

From your projects directory, run the following commands and follow the prompts:

This creates a new React app in a new directory. Navigate to your new directory and run the app by using the following command:

Then, install your dependencies and run the development server by running the following command:

This runs a development server and see preview your app locally.

Use the Vue Vite powered create-app to bootstrap a new Vue 3 app (select required configuration, selecting the defaults as an example for this project):

This creates a new Vue app in a new directory. Navigate to your new directory and run the app by using the following command:

Then, install your dependencies and run the development server by running the following command:

This runs a development server and see preview your app locally.

Now that you have a running app, it's time to set up Amplify so that you can set up the backend services you need.

Please ensure the Amplify CLI version in your system is higher than 12.5.1. You can check the CLI version by running amplify --version.

Open a new terminal. From the root of the project, run:

When you initialize Amplify you'll be prompted for some information about the app.

? Enter a name for the project (nextamplified)
The following configuration will be applied:
| Default editor: Visual Studio Code
| Javascript framework: <detected framework>
| Source Directory Path: src
| Distribution Directory Path: build
| Build Command: npm run-script build
| Start Command: npm run-script start
? Initialize the project with the above configuration? Yes
Using default provider  awscloudformation
? Select the authentication method you want to use: AWS profile
For more information on AWS Profiles, see:
https://docs.aws.amazon.com/cli/latest/userguide/cli-configure-profiles.html
? Please choose the profile you want to use default

When you initialize a new Amplify project, a few things happen:

• It creates a top level directory called amplify that stores your backend definition. During the tutorial you'll add capabilities such as a GraphQL API and authentication. As you add features, the amplify folder will grow with infrastructure-as-code templates that define your backend stack. Infrastructure-as-code is a best practice way to create a replicable backend stack.
• It creates a file called amplifyconfiguration.json in the src directory that holds all the configuration for the services you create with Amplify. This is how the Amplify client is able to get the necessary information about your backend services.
• It modifies the .gitignore file, adding some generated files to the ignore list
• A cloud project is created for you in the AWS Amplify Console that can be accessed by running amplify console. The Console provides a list of backend environments, deep links to provisioned resources per Amplify category, status of recent deployments, and instructions on how to promote, clone, pull, and delete backend resources.

As you add or remove categories and make updates to your backend configuration using the Amplify CLI, the configuration in amplifyconfiguration.json will update automatically.

Install required dependencies to your Next.js app to start using Amplify.

The aws-amplify package is the main library for working with Amplify in your apps. The @aws-amplify/adapter-nextjs provides adapter functions to enable use of Amplify APIs on the server side of your Next.js app for use cases such as Server Side Rendering (SSR).

For details of using Amplify with in your Next.js app, see use Amplify with Next.js.

Install required dependencies to your Angular app to start using Amplify.

Install required dependencies to your React app to start using Amplify.

Install required dependencies to your Vue app to start using Amplify.

You are now ready to start adding features to your application. Below are some examples of features you can start adding to your app.

• Authentication
• File Storage
• Analytics

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4