Repository files navigation

This Nerdpack serves as a boilerplate for developers building on the New Relic One platform. In order to use this layout for your next project, follow theGetting started instructions below, and then replace the dummy content innerdlet/index.js with your content.

• JSX to implement this layout.
• CSS to improve the styling and provide some basic UX help.
• Utility classes for things like making an element full width or full height.

This Nerdpack is a boilerplate for applications built on New Relic One; the best way to use it is to clone the repo whenever you're ready to start a new project. The idea is that the code that determines the layout has already been written, so you can replace the content inside of each section (toolbar, sidebar, primary-content) with the content that you have in mind for your project.

More boilerplate layout options

• Standard layout
• Double sidebar layout
• T-bone layout
• 3 column layout
• 4 column layout
• 2x2 grid layout
• 3x2 grid layout

This project is distributed under theApache 2 license.

Nothing! Just follow the getting started instructions below :).

1. Ensure that you haveGit andNPM installed. If you're unsure whether you have one or both of them installed, run the following commands. (If you have them installed these commands will return a version number; if not, the commands won't be recognized.)

git --versionnpm -v

2. Install theNR1 CLI by going tothis link and following the instructions (5 minutes or less) to install and set up your New Relic development environment.

3. Run the following command to clone this repository and run the code locally against your New Relic data:

nr1 nerdpack:clone -r https://github.com/newrelic/nr1-nerdpack-layout-4x2-grid.gitcd nr1-nerdpack-layout-4x2-gridnr1 nerdpack:serve

Visithttps://one.newrelic.com/?nerdpacks=local, navigate to the Nerdpack, and ✨

Open a command prompt in the Nerdpack's directory and run the following commands.

# If you need to create a new uuid for the account to which you're deploying this Nerdpack, use the following# nr1 nerdpack:uuid -g [--profile=your_profile_name]# to see a list of APIkeys / profiles available in your development environment, run nr1 credentials:listnr1 nerdpack:publish [--profile=your_profile_name]nr1 nerdpack:deploy [-c [DEV|BETA|STABLE]] [--profile=your_profile_name]nr1 nerdpack:subscribe [-c [DEV|BETA|STABLE]] [--profile=your_profile_name]

Visithttps://one.newrelic.com, navigate to the Nerdpack, and ✨

New Relic has open-sourced this project. This project is provided AS-IS WITHOUT WARRANTY OR DEDICATED SUPPORT. Issues and contributions should be reported to the project here on GitHub.

We encourage you to bring your experiences and questions to theExplorers Hub where our community members collaborate on solutions and new ideas.

New Relic hosts and moderates an online forum where customers can interact with New Relic employees as well as other customers to get help and share best practices. Like all official New Relic open source projects, there's a related Community topic in the New Relic Explorers Hub. You can find this project's topic/threads here:

https://discuss.newrelic.com/t/4x2-grid-layouts/88605

Submit issues and enhancement requests in theIssues tab of this repository. Please search for and review the existing open issues before submitting a new issue.

Contributions are welcome (and if you submit a Enhancement Request, expect to be invited to contribute it yourself 😁). Please review ourContributors Guide.

Keep in mind that when you submit your pull request, you'll need to sign the CLA via the click-through using CLA-Assistant. If you'd like to execute our corporate CLA, or if you have any questions, please drop us an email atopensource+nerdpack-layout-4x2-grid@newrelic.com