Code Monkey home page Code Monkey logo

try-cdk-0009's Introduction

Try! CDK No. 0009. "Next.js on S3/CF with a custom domain."

Procedure you replay making the code in this repository.

Setup the top directory.

mkdir try-cdk-0009
cd try-cdk-0009
git init
echo ".venv/" >> .gitignore
python3 -m venv .venv
source .venv/bin/activate

Setup the CDK directory.

mkdir cdk
cd cdk
cdk init app --language python --generate-only
cd cdk
python -m pip install -r requirements.txt

Edit CDK code.

Open Visual Studio Code. You should enjoy coding with IntelliSense.

Edit try-cdk-0009/cdk/cdk/app.py and update the stack id (TryCdk0009 in this repo.).

CdkStack(app, "TryCdk0009",

Edit try-cdk-0009/cdk/cdk/cdk_stack.py to configure AWS infra.

Setup Next.js code.

Locate at the top of try-cdk-0009 directory.

c.f. https://nextjs.org/learn/basics/create-nextjs-app/setup

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"

Deploy

Needs passing your parameters as Contexts.

cdk deploy -c ROOT_DOMAIN_NAME=munepi.com -c HOSTED_ZONE_ID=Z99999999ZZZZZZZZZZZZ -c CERTIFICATE_ARN=arn:aws:acm:us-east-1:999999999999:certificate/ac9564db-15d8-4f37-af06-eaa862488829

try-cdk-0009's People

Contributors

munepi0713 avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.