This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/bin/bash | |
# ./nextjs-installer <project-name> | |
# Author: Eric David Smith | |
# Create a new Next.js Project | |
echo "Creating Next.js Project: $1 ..." | |
mkdir $1 | |
cd $1 | |
mkdir pages | |
mkdir components |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
First run: | |
npm install -g generator-react-component | |
And then running it to create a skeleton project: | |
yo react-component | |
Developing: | |
npm start | |
http://localhost:8000 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
exports.decorateConfig = (config) => { | |
return Object.assign({}, config, { | |
borderColor: 'magenta', | |
cursorColor: 'magenta', | |
css: ` | |
${config.css || ''} | |
.tabs_nav .tabs_list .tab_text { | |
color: magenta; | |
} | |
.tabs_nav .tabs_title { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<View style={{ justifyContent: 'center', alignItems: 'center', flexDirection: 'row', flex: 1}}> | |
<View> | |
<Text>Left</Text> | |
</View> | |
<View> | |
<Text>Right</Text> | |
</View> | |
</View> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
apm install atom-beautify prettier-atom atom-spotify2 atom-transpose case-keep-replace change-case copy-path duplicate-line-or-selection editorconfig file-icons git-plus highlight-selected local-history project-manager related set-syntax sort-lines sublime-style-column-selection tab-foldername-index sync-settings toggle-quotes atom-wrap-in-tag atom-ternjs autoclose-html autocomplete-modules color-picker docblockr emmet emmet-jsx-css-modules es6-javascript js-hyperclick hyperclick pigments linter-eslint tree-view-copy-relative-path lodash-snippets react-es7-snippets atom-jest-snippets dracula-theme |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
1 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/bin/bash | |
# ./nextjs-installer <project-name> | |
# Create a new Next.js Project | |
echo "Creating Next.js Project: $1 ..." | |
mkdir $1 | |
cd $1 | |
mkdir pages | |
mkdir components | |
mkdir static |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<meta name="twitter:card" content="summary"> | |
<meta name="twitter:site" content="@site_account"> | |
<meta name="twitter:creator" content="@individual_account"> | |
<meta name="twitter:url" content="https://example.com/page.html"> | |
<meta name="twitter:title" content="Content Title"> | |
<meta name="twitter:description" content="Content description less than 200 characters"> | |
<meta name="twitter:image" content="https://example.com/image.jpg"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
( | |
export PKG=eslint-config-airbnb; | |
npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG@latest" | |
) |