Skip to main content
100%

serverless webpack sample

✓ Published0🌍 Public
Aandresmijares
Last edited Mar 11, 2019
Created on Mar 11, 2019

This example demonstrates a serverless AWS Lambda function, defined in `serverless.yml`, that uses the `serverless-webpack` plugin to bundle JavaScript code with webpack. The configuration specifies a Node.js 8.10 runtime and includes a single function, `handler.hello`, which is the entry point for the Lambda. The setup also customizes the packager to rebuild the `grpc` native module for a Linux target with glibc, ensuring compatibility in the AWS environment. The visible code focuses on the deployment and build configuration, not on data visualization or rendering logic.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist bae3b305134e90c96401e1f54a8c23e3

This example shows a serverless webpack configuration for deploying a Node.js application. It demonstrates how to bundle JavaScript code with the Serverless Webpack plugin, targeting AWS Lambda’s Node runtime. The configuration uses `serverless-webpack` to generate entry points, sets the build mode based on local development, and applies `webpack-node-externals` to exclude Node modules. It also ignores the `/opt` directory and outputs CommonJS2 bundles to the `.webpack` folder, with source maps for debugging.

Aandresmijares
86% match
Loading thumbnail…

firebaseCustomTokenServerless.yml

This example shows a serverless AWS configuration for issuing Firebase custom authentication tokens through a POST endpoint. The YAML file defines a single `auth` function using the `serverless-pseudo-parameters` plugin to reference CloudFormation resources. The function handler, `firebaseCustomTokenLambda.handler`, is triggered by an HTTP POST event at the `/auth` path. The runtime is Node.js 8.10, and the service is named `firebase-custom-token`. The file demonstrates how to wire a Firebase token-generation service into an API Gateway using the Serverless Framework, without including the actual Lambda implementation.

Aandresmijares
66% match
Loading thumbnail…

webpack configuration for webpack-es6-boilerplate

This example shows a minimal webpack configuration for the webpack-es6-boilerplate, defining how JavaScript source files are bundled. It sets the entry point to `babel-polyfill` and `./app/index.js`, outputs a single `bundle.js` to a `build` directory, and uses `babel-loader` to transpile `.js` files while excluding `node_modules`. The configuration also includes a development server on port 3000 serving from `./build` with inline mode enabled. The code directly references the webpack API, including `module.exports`, the `entry`, `output`, `module.loaders`, and `devServer` properties.

115Dkatz
63% match
Loading thumbnail…

bundle/index.html for webpack-es6-boilerplate

This example shows a minimal webpack setup for an ES6 project, producing a single-page HTML document that loads a compiled JavaScript bundle. The page contains no visible content or user interface, only an empty body with a script tag referencing `bundle.js`. The code demonstrates the entry-point plumbing of a webpack-built application, where the frontend relies entirely on the bundled output for any rendering or behavior. The files include the `index.html` shell and the webpack configuration source, indicating how a boilerplate project connects its build system to a basic HTML host page.

115Dkatz
60% match
Loading thumbnail…

Gist 11442448

This example shows a Gruntfile configuration that automates JavaScript build tasks using webpack, JSHint, and Mocha. It defines a webpack task with entry point `src/entry.js`, outputting a UMD bundle named `WithGrunt` to `lib/bundle.js`, and includes module resolution for `node_modules` and `bower_components`. The configuration also sets up JSHint linting for source and test files, a Mocha test runner with a spec reporter, and a watch task for continuous linting and testing. The default task chains these steps together, demonstrating a complete build pipeline for a modular JavaScript project.

Aakollegger
60% match
Loading thumbnail…

Gist 82c5f73258108bef4df748b8e77ae770

This example shows an AWS Lambda function that automatically downloads trending Twitch clips for a specified game and stores them in an S3 bucket, organized by date. It first queries the Twitch Kraken API for top clips, extracts the MP4 URLs from the thumbnail paths, then downloads each video file to the Lambda’s temporary storage before uploading it to S3. The code uses the `requests` library for HTTP calls, `boto3` for S3 operations, and reads configuration from environment variables. The visualization highlights how serverless functions can automate media archiving pipelines.

CConorAspell
59% match
Loading thumbnail…

Lambda triggers other lambdas

This example shows how one AWS Lambda function orchestrates two other Lambda functions to compose a departure response. The `get-departure.js` handler receives query parameters for an `id` and `date`, then invokes `get-flight` and `get-forecast` functions concurrently using the AWS SDK’s `Lambda.invoke` API with `InvocationType: "RequestResponse"`. It uses Bluebird’s `Promise.all` to await both payloads, parses each JSON response, and returns a combined `departure` object containing the forecast and flight data. The code demonstrates a saga-style pattern for coordinating dependent serverless calls.

Aandresmijares
59% match
Loading thumbnail…

Templating example for react server side rendering with Lambda@Edge

This example demonstrates how to apply server-side templating with dynamic social media metadata, replacing placeholder values like `%SERVER_META_URL%` and `%SERVER_META_TITLE%` in an `index.html` file. It shows a templating solution for React server-side rendering, designed to run on Lambda@Edge for edge-optimized content. The implementation likely uses standard React SSR techniques alongside AWS Lambda@Edge for request handling, with the code relying on HTML meta tags to inject Open Graph properties. The approach ensures that social sharing previews are correctly generated from server context.

LLucienPerouze
58% match